html,
body{padding: 0; margin: 0; background: #0d162f; font-family: "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", "SimSun", sans-serif !important; line-height: 1.42857143; overflow-x: hidden; font-size: 13px; color: #333;}
h1, h2, h3, h4, h5, h6{font-family: "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", "SimSun", "sans-serif" !important; }
button{font-family: "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", "SimSun", "sans-serif" !important;}
ul{list-style: none; margin: 0; padding: 0;}
p{margin: 0;}
/*公共样式*/
.clearfix:before,
.clearfix:after{content:"\200B"; display:block;font-size:0;height:0;clear:both; visibility: hidden;}
.pr{position: relative;}
.fr{float: right;}
.fl{float: left;}
.pull-right {float: right!important;}
.pull-left {float: left!important;}
.none{display: none;}
.ml5{margin-left: 5px;}
.ml15{margin-left: 15px;}
.ml25{margin-left: 25px;}
.ml50{margin-left: 50px;}
.ml100{margin-left: 100px;}
.mr5{margin-right: 5px;}
.mt5{margin-top: 5px;}
.mb5{margin-bottom: 5px;}
.mt7{margin-top: 7px;}
.mr10{margin-right: 10px;}
.mt10{margin-top: 10px;}
.mb10{margin-bottom: 10px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.mr15{margin-right: 15px;}
.mt15{margin-top: 15px;}
.mb15{margin-bottom: 15px;}
.mt20{margin-top: 20px;}
.ml20{margin-left: 20px;}
.mr20{margin-right: 20px;}
.mb20{margin-bottom: 20px;}
.mt30{margin-top: 30px;}
.pl30{padding-left: 30px;}
.pr30{padding-right: 30px;}
.pt30{padding-top: 30px;}
.pb30{padding-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.pb40{padding-bottom: 40px;}
.w10{width: 10px; }
.w20{width: 20px; }
.w25{width: 25%; }
.w30{width: 30px; }
.w40{width: 40px; }
.w50{width: 50px; }
.w60{width: 60px; }
.w70{width: 70px; }
.w80{width: 80px; }
.w90{width: 90px; }
.w100{width: 100px; }
.w110{width: 110px; }
.w120{width: 120px; }
.w130{width: 130px; }
.w140{width: 140px; }
.w150{width: 150px; }
.w160{width: 160px; }
.w170{width: 170px; }
.w180{width: 180px; }
.w200{width: 200px; }
.w250{width: 250px; }
.w300{width: 300px; }
.w350{width: 350px; }
.w400{width: 400px; }
.w450{width: 450px; }
.w500{width: 500px; }
.w546{width: 546px; }
.w550{width: 550px; }
.w600{width: 600px; }
.w650{width: 650px; }
.w700{width: 700px; }
.w750{width: 750px; }
.w800{width: 800px; }
.w850{width: 850px; }
.oh{overflow: hidden;}
.tc{text-align: center;}
.none{display: none;}
.container {padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
.c_blue{color: #54b8d1;}
.c_sblue{color: #5090f7;}
.c_yellow{color: #f19c38;}
.c_red{color: #ff0000;}
.c_green{color: #49a58b;}
.btn{border: none; display: inline-block; border-radius: 3px; position: relative; padding: 8px 35px; margin: 10px 1px; font-size: 14px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; will-change: box-shadow,transform; transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1); outline: 0; cursor: pointer; text-decoration: none; background: transparent; outline: rgba(0,0,0,.870588) none 0;}
.btn-yellow{background: #f19c38; color: #fff;}
.btn-yellow:hover{background: #eb8c00}
.btn-blue{background: #54b9d1; color: #fff;}
.btn-blue:hover{background: #47acc4}
.btn-sblue{background: #2a52d3; color: #fff;}
.btn-sblue:hover{background: #1a43c9}
.btn-green{background: #57b89d; color: #fff;}
.btn-green:hover{background: #49a58b}
.btn-sgreen{background: #67ac5b; color: #fff;}
.btn-sgreen:hover{background: #519446}
.btn-gray{background: #98a4b6; color: #fff;}
.btn-gray:hover{background: #8894a5}
.big-btn{font-size: 15px; padding: 12px 58px;}
.btn i{margin-right: 5px; vertical-align: -2px;}
.error{color: #ff0000;}
.yinput:focus{color: #4F5467; background-color: #fff; border-color: rgba(0,0,0,.25); outline: 0; box-shadow: transparent;}
.bg-white{background: #fff;}
/*头+banner*/
.header{z-index: 1000; height: 140px;}
.navbar{position: absolute; top: 0; left: 0; right: 0; z-index: 299; min-height: 50px; margin-bottom: 0; transition: all 0.25s; -webkit-transition: all 0.25s; -o-transition: all 0.25s; -ms-transition: all 0.25s; -moz-transition: all 0.25s;}
.navbar.navbar-bg{background: url(../images/head-bg.jpg) no-repeat;}
.navbar-top{background: rgba(18,28,58,0.95); padding: 0 15px; color: #adc8df; min-height: 50px; line-height: 50px;}
.navbar-left,.navbar-right{font-size: 12px;}
.btn-circle{border-radius: 50%; position: relative; margin: 24px 7px 24px 7px; background-color: transparent; color: #adc8df; line-height: 0; border: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; transition: all 0.35s ease; -webkit-transition: all 0.35s ease;}
.navbar-brand{position: relative; float: left; }
.navbar-brand img{height: 70px; margin-top: 10px;}
.navbar-btn.btn-icon{border-radius: 50%; position: relative; margin: 24px 0px 24px 2px; color: #9aa4ca; background: transparent; padding: 15px; font-size: 16px; border: none; text-align: center; z-index: 20; transition: color ease .5s; transition: box-shadow ease-in-out 0s;}
.btn-search.active .navbar-btn.btn-icon{background: #636c8e; border-radius: 3px 3px 0 0; padding: 18px 20px;}
.btn-search.active .navbar-btn.btn-icon:before{top: 3px; left: 4px;}
.navbar-btn.btn-icon:hover{cursor: pointer; background: transparent; transition: box-shadow ease-in-out .8s;}
.navbar-btn.btn-icon:before{transition: all ease .5s; border-radius: 150px; z-index: -1; content: ""; position: absolute; display: block; background-color: #175c94; height: 0; width: 0; top: 25px; left: 25px;}
.navbar-btn.btn-icon:hover:before{background: #454f75; height: 50px; width: 50px; top: -1px; left: -2px;}
.navbar-btn.btn-icon:focus{outline: none;}
.visible-sm, .visible-xs{display: none!important;}
.navbar-collapse{/*padding-right: 15px; */padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch;}
.top_text{color: #01ffea; font-weight: 600;}
.megamenu-container{position: static!important;}
.circle-red{width: 26px;height: 18px; line-height: 18px; background: #ff5b57;color: #fff;position: absolute;top: 5px;right: -1px; border-radius: 20px; text-align: center; font-size: 11px; -webkit-transform: scale(0.85); -moz-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); }
.dropdown{position: relative;}
.dropdown-menu{position: static; float: none; font-size: 15px; background-color: rgba(24,57,82,0.8); box-shadow: rgba(0, 0, 0, 0.29) 0px 3px 3px, rgba(0, 0, 0, 0.29) 0px 3px 3px; display: flex; flex-direction: column; transform: scale(0); transform-origin: 0px 0px 0px; left: 0px; top: 90px; right: auto; white-space: nowrap; padding: 10px 0; border-radius: 0 4px 4px 4px;}
.dropdown-menu li{padding: 5px 20px 5px 0; min-width: 130px;}
.dropdown-menu li:hover{background: rgba(23,92,148,0.8); color: #07e1f1;}
.dropdown-menu li a{color: #ccc; font-weight: 400; font-size: 15px; padding: 10px 35px 10px 20px; transition: none 0s ease 0s;}
.dropdown-divider{height: 0px; margin: 0.5rem 0px; overflow: hidden; border-top: 1px dotted #888;}
.navbar-nav li i{margin-left: 5px; transition: transform ease .5s;}
.navbar-nav li:hover  .fa-angle-down{transform: rotate(90deg);}
.navbar-nav li:hover a.dropdown-toggle{color: #07e1f1; background-color: transparent; border-radius: 4px 4px 0 0;}
.navbar-nav li:hover .dropdown-menu{transform: scale(1); transition: all 0.4s ease 0s;}
.navbar-nav li a.dropdown-toggle:before{transition: height ease .3s; border: 0; margin: 0; padding: 0; position: absolute; content: ""; background-color: rgba(24,57,82,0.8); height: 0; width: 100%; bottom: 0; left: 0; right: 0; z-index: -1;}
.navbar-nav li:hover a.dropdown-toggle:before{height: 100%;}
.dropdown-menu li.dropdown-divider{padding: 0;}
.cart-dropdown{margin: 0 10px;}
.cart-dropdown.navbar-right, .cart-dropdown.pull-right{margin-left: 0; margin-right: 10px;}
.navbar-collapse{justify-content: flex-start; flex-grow: 1; align-items: center; height: 90px; z-index: 1140; }
.navbar-collapse .navbar-nav{align-self: stretch; display: flex; flex-direction: column; padding-left: 0px; margin-bottom: 0px; list-style: none;}
.navbar-collapse .navbar-nav li{display: flex;}
.navbar-collapse .navbar-nav .dropdown{position: static;}
.navbar-collapse .navbar-nav li a{justify-content: center; align-items: center; display: flex; position: relative; font-size: 14px; letter-spacing: 1px; color: #eee; padding: 0px 8px; overflow: hidden; text-decoration: none}
.navbar-collapse .navbar-nav li .dropdown-menu a{font-size: 13px;}
.navbar-collapse .navbar-nav li.active a.dropdown-toggle{color: #07e1f1;}
.navbar-collapse .navbar-nav .dropdown.active a.dropdown-toggle{color: #07e1f1;}
.navbar-collapse .navbar-nav li .dropdown-menu li.active a{color: #07e1f1;}
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.flexslider { margin: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
.flex-control-nav {width: 100%; position: absolute; bottom: 177px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 40px; height: 4px; display: block; background: #888; cursor: pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a.flex-active {background:#fff;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a{ text-decoration:none; display: block; font-size: 30px; width: 60px; height: 60px; line-height: 60px; border-radius: 100%; margin: -20px 0 0; background: rgba(197, 197, 197, 0.1); text-align: center; position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; color: #fff; opacity: 0; }
.flex-direction-nav .flex-prev { left: 0; }
.flex-direction-nav .flex-next { right: 0;}
.flexslider:hover .flex-prev {opacity: 0.6; left: 50px;}
.flexslider:hover .flex-next {opacity: 0.6; right: 50px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.slide-cntbox{position: absolute; top: 250px; width: 100%; text-align: center; }
.slide-cntbox h2{color: #fff; font-size: 50px; font-weight: 500; letter-spacing: 10px;}
.slide{height: 670px; width: 100%; overflow: hidden;}
.slide img{width: 100%; display: block; min-height: 670px;}
h2 i.circle{display: inline-block; width: 15px; height: 15px; border-radius: 15px; background: #fff; margin: 0 10px; vertical-align: 5px;}
.slider-smalltit{font-size: 24px; letter-spacing: 3px; font-weight: 500;}
.slider-button{margin-top: 40px;}
.slider-button a.btn{display: inline-block;}
.slide-cntbot{position: absolute; bottom: 0; left: 0; width: 100%; height: 167px; background: rgba(1,7,12,0.5);}
.slide-itemul li{width: calc((100% - 10px)/6); padding: 40px 0; float: left; text-align: center; border-right: 2px solid #333;}
.slide-itemul li a{text-decoration: none; display: block;}
.slide-itemul li:last-child{border: 0;}
.slide-itemul li i{display: inline-block; width: 30px; height: 30px;}
.slide-itemul li:hover{background: rgba(36,36,36,0.58); cursor: pointer;}
.slide-itemul .slide-icon1{background: url(../images/slide-icon1.png) no-repeat; background-size: 100%;}
.slide-itemul .slide-icon2{background: url(../images/slide-icon2.png) no-repeat; background-size: 100%;}
.slide-itemul .slide-icon3{background: url(../images/slide-icon3.png) no-repeat; background-size: 100%;}
.slide-itemul .slide-icon4{width: 32px; height: 30px; background: url(../images/slide-icon4.png) no-repeat; background-size: 100%;}
.slide-itemul .slide-icon5{width: 34px; height: 30px; background: url(../images/slide-icon5.png) no-repeat; background-size: 100%;}
.slide-itemul .slide-icon6{background: url(../images/slide-icon6.png) no-repeat; background-size: 100%;}
.slide-itemul .slide-itemtit{font-size: 14px; color: #fff; text-align: center; line-height: 1.5; margin: 10px 0 0 0;}
.fixed-top .navbar-top{display: none;}
.fixed-top{position: fixed; height: 90px; top: 0; left: 0; right: 0; z-index: 1500; background: rgba(0,0,0,0.8);}
.fixed-top .navbar-collapse{margin-top: 0;}
.fixed-top .navbar-brand{height: 60px;}
.fixed-top .navbar-brand img{height: 60px; margin-top: 15px;}
.fixed-top .navbar-btn.btn-icon{padding: 10px; font-size: 15px; margin: 12px 0 12px 7px;}
.fixed-head .breadcrumb_item{margin-top: 90px;}
.navbar-login a{color: #adc8df; text-decoration: none;}
.navbar-login a:hover{color: #fff; text-decoration: underline; cursor: pointer;}
.navbar-navphone{display: none;}
.header-navbar{background: #080808;}
.breadcrumb_item span{vertical-align: top;}
.breadcrumb_item{padding:20px 0; font-size: 12px; background: #fff;}
.breadcrumb_item .layui-breadcrumb a{color:#00a7d8!important; text-decoration: none;}
.breadcrumb_item .layui-breadcrumb a:hover{text-decoration: underline;}
.layui-breadcrumb span { padding: 0 3px;}
.layui-breadcrumb a cite, .layui-breadcrumb a span{color: #666; cursor: text; font-style: normal;}
.breadcrumb_item .layui-breadcrumb a.bread-cite:hover{text-decoration: none!important; cursor: pointer;}
.sticky-wrapper.nav-bgcol{background: #222a47;}
.loginuser-exit{padding: 4px 15px; margin-left: 12px; border: 1px solid #384779; border-radius: 16px; text-decoration: none; color: #7681a9; background: #1b2340;}
.loginuser-exit:hover{opacity: 0.85;}
.nav-menu-area{border-top: 2px solid transparent; position: absolute; left:0; top: 100%; background: rgba(13, 19, 41, 0.95); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; visibility: hidden; z-index: 999; border-color: #07e1f1;-webkit-backface-visibility: hidden; backface-visibility: hidden;}
.navbar-nav li:hover .nav-menu-area{-webkit-transform: scale(1); transform: scale(1); visibility: visible;}
.single-mega-item {float: left; width: 267px; padding: 0 0 15px 0;}
.single-mega-item li.block {color: #fff; font-size: 16px; margin: 10px 22px; position: relative; text-transform: uppercase;}
.single-mega-item li.block:after {background: #e0e0e0 none repeat scroll 0 0; bottom: 3px; content: ""; height: 1px; left: 0; position: absolute; width: 33px;}
.navbar-collapse .navbar-nav .single-mega-item li a{display: block; font-size: 13px;}
.navbar-collapse .navbar-nav .single-mega-item li a:hover{color: #07e1f1;}
.navbar-collapse .navbar-nav .single-mega-item li{padding: 5px 0;}
.navbar-collapse .navbar-nav .single-mega-item li:not(.block){padding: 6px 15px;}
.navbar-nav li em{font-style: normal; display: inline-block; margin: 0 2px 0 14px;}
.head_phonetxt{display: inline-block; position: relative; padding: 0 15px;}
.head_phonetxt:before{position: absolute; content: ''; width: 1px; height: 50px; background: #32416b; top: 0; left: 30px;}
.head_phonetxt:after{position: absolute; content: ''; width: 1px; height: 50px; background: #32416b; top: 0; right: -30px;}
.header-navbar.fixed-top .sticky-wrapper.nav-bgcol{background: rgba(34,42,71,0.7);}
.header-navbar.fixed-top{background: rgba(34,42,71,0.7);}
/*section1*/
.section{padding: 30px 0; background: #fff;}
.section1{background-image: url(../images/section1-bg.png); background-color: #203249;  position: relative;  background-size: cover;  background-repeat: no-repeat;}
.section1-title{padding-left: 50px; font-size: 28px; color: #fff; font-weight: 500;}
.section1-title span{color: #f19c38; margin: 0 2px;}
.itemtxt-title{font-size: 15px; color: #fff; margin: 20px 10px 25px -37px; line-height: 22px;}
.itemtxt-title i{color: #2bc4e4; margin-right: 10px; font-size: 16px;}
.section1-button{margin-top: 60px;    margin-left: -33px;}
.section1-button a{display: inline-block; margin: 0 10px 20px;}
.section1-rightimg{float: right; width: calc(100% - 590px); max-width: 550px;}
.section1-rightimg img{width: 120%; margin: -80px -80px 0px;}
.section1-leftitem{float: left; width: 500px; text-align: left; margin-left: 88px; }
/*section2*/
.section2-title{font-size: 24px; color: #00a7d8; font-weight: 500; text-align: center;}
.section2-title i{display: inline-block; margin-right: 10px; width: 40px; height: 31px; background: url(../images/title-icon.png) no-repeat; background-size: 100%; vertical-align: -7px;}
.section2-smalltit{font-size: 15px; color: #f5f5f5; margin: 7px 0; text-align: center;}
.section2-box{margin-top: 30px;}
.section2-box img{width: 80%; margin: 150px auto 40px;}
.section2-box p{margin: 15px 0; color: #f5f5f5;}
.section2-item1{position: absolute; left: 100px; top: 30px; max-width: 460px;}
.section2-titbg{display: inline-block; padding: 0 15px; height: 40px; line-height: 40px; color: #fff; font-size: 16px; font-weight: 500; border-radius: 3px;}
.section2-titbg.blue{background: #00a7d8;}
.section2-titbg.green{background: #416a46;}
.section2-titbg.pink{background: #c51d97;}
.section2-titbg.yellow{background: #959426;}
.section2-item2{position: absolute; right: 35px; top: 30px; max-width: 285px;}
.section2-item3{position: absolute; left: 100px; top: 560px; max-width: 460px;}
.section2-item4{position: absolute; right: 35px; top: 670px; max-width: 300px;}
.section2-explain{width: 900px; margin: 20px auto; padding: 10px 30px; background: rgba(70,70,70,0.5); color: #f5f5f5; border-radius: 3px;}
.section2-explain p{margin: 0; font-size: 14px; color: #fff; line-height: 2;}
.section2-explain p i{display: inline-block; width: 6px; height: 6px; border-radius: 6px; background: #fff; margin-right: 5px; vertical-align: 2px;}
/*section3*/
.section-hot{margin-top: 60px; }
.section3{background-image: url(../images/section3-bg.jpg); position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: center center;}
.section3-title{position: relative; font-size: 24px; color: #fff; letter-spacing: 0; text-align: center; font-weight: 500;}
.section3-title:after{position: absolute; content: ''; width: 130px; height: 1px; top: 50px; left: 50%; margin-left: -65px; background: #bbb;}
.section3-circle{width: 800px; margin: 60px auto;}
.section3-circle li{position:relative; float: left; width: 140px; margin: 0 30px;}
.section3-circle li.circle-icon.circle-num{height: 140px; border-radius: 140px; background: #1480e2; color: #fff; font-family: Impact; font-size: 60px; font-weight: bold; line-height: 140px; text-align: center;}
.section3-circle li.circle-icon:first-child:before{position: absolute; content: ''; width: 100px; height: 2px; background: #4b667f; left: -100px; top: 70px;}
.section3-circle li.circle-icon{width: 140px; height: 140px; background: url(../images/section-circle.png) no-repeat; background-size: 100%;}
.section3-circle li:after{position: absolute; content: ''; width: 63px; height: 2px; background: #4b667f; right: -62px; top: 70px;}
.section3-circle li:last-child:after{width: 100px; right: -99px;}
.section3-smalltit{font-size: 18px; color: #fff; letter-spacing: 1px; text-align: center; font-weight: 500;}
.section3-txt{max-width: 800px; text-align: center; margin: 20px auto; color: #b9b9b9; }
.section3-button{margin: 0 auto 20px; text-align: center;}
.section3-button .btn{margin: 10px; min-width: 120px;}
.section3-serveritem{position: relative; float: left; width: calc((100% - 120px)/3); margin: 20px; transition: all ease .5s; color: #fff; text-align: center;}
.section3-box{margin-top: 60px;}
.section3-serveritem .server-itemtitle{color: #fff; text-decoration: none; display: block; margin: 10px 0;}
.section3-serveritem .server-itemtitle:hover{text-decoration: underline;}
.section3-serveritem .tab-itemicon span img{width: 100%; transition: all ease .5s;}
.section3-serveritem .tab-itemicon:hover{cursor: pointer; opacity: 0.85;}
.section3-serveritem .server-itemtxt{color: #fff; font-size: 13px;}
.section3-serveritem .tab-itemicon{background: transparent; padding: 0; transition: all ease .5s; width: 70px; height: 70px; border-radius: 70px;}
.section3-serveritem .tab-itemicon span{padding: 20px; width: calc(100% - 40px); height: calc(100% - 40px);}
/*首页增值服务*/
.server-addbox{margin: 50px auto 0; max-width: 1000px;}
.server-addbox li.server-additem{width: calc(20% - 20px); margin: 0 10px; float: left; position: relative;}
.server-addbox li.server-additem:before{position: absolute; content: ''; border-left: 4px dotted #cdd0d2; height: 22px; width: 4px; bottom: 12px; left: 88px;}
.server-addbox li.server-additem:nth-child(1){background: url(../images/server-img1.png) no-repeat; background-size: 100% auto; padding-top: 42%; height: 0px; }
.server-addbox li.server-additem:nth-child(2){background: url(../images/server-img2.png) no-repeat; background-size: 100% auto; padding-top: 42%; height: 0px; }
.server-addbox li.server-additem:nth-child(3){background: url(../images/server-img3.png) no-repeat; background-size: 100% auto; padding-top: 42%; height: 0px; }
.server-addbox li.server-additem:nth-child(4){background: url(../images/server-img4.png) no-repeat; background-size: 100% auto; padding-top: 42%; height: 0px; }
.server-addbox li.server-additem:nth-child(5){background: url(../images/server-img5.png) no-repeat; background-size: 100% auto; padding-top: 42%; height: 0px; }
.server-itemicon1{display: inline-block; width: 40px; height: 45px; position: absolute; left: 70px; top: 72px; background: url(../images/addserver-icon1.png) no-repeat; background-size: 100%;}
.server-itemicon2{display: inline-block; width: 40px; height: 39px; position: absolute; left: 70px; top: 72px; background: url(../images/addserver-icon2.png) no-repeat; background-size: 100%;}
.server-itemicon3{display: inline-block; width: 40px; height: 38px; position: absolute; left: 70px; top: 72px; background: url(../images/addserver-icon3.png) no-repeat; background-size: 100%;}
.server-itemicon4{display: inline-block; width: 40px; height: 40px; position: absolute; left: 70px; top: 72px; background: url(../images/addserver-icon4.png) no-repeat; background-size: 100%;}
.server-itemicon5{display: inline-block; width: 40px; height: 40px; position: absolute; left: 70px; top: 72px; background: url(../images/addserver-icon5.png) no-repeat; background-size: 100%;}
.server-itemcntbox{position: absolute; top: 220px; left: 0; width: 100%;}
.server-itemcntbox p{ text-align: center; color: #534008; font-size: 17px; letter-spacing: 0.6px; margin: 0; line-height: 30px;}
.server-itemline{position: relative; height: 4px; width: 100%; max-width: 1000px; margin: 12px auto 70px; background: #dee0e1; border-radius: 10px;}
.server-itemline li{float: left; width: 20%; }
.server-itemline li .circle-big{width: 60px; height: 60px; border-radius: 100px; border: 1px solid rgba(222, 224, 225, 0.05); margin: -31px auto 0;}
.server-itemline li .circle-small{width: 30px; height: 30px; border-radius: 30px; border: 4px solid #dee0e1; margin: 12px auto 0;}
.server-itemline li:nth-child(1) .circle-small{ background: linear-gradient(#d9a92b, #d09c28);}
.server-itemline li:nth-child(2) .circle-small{ background: linear-gradient(#719e44, #50865d);}
.server-itemline li:nth-child(3) .circle-small{ background: linear-gradient(#4d9b9b, #4d9b9b);}
.server-itemline li:nth-child(4) .circle-small{ background: linear-gradient(#5686c3, #556ab2);}
.server-itemline li:nth-child(5) .circle-small{ background: linear-gradient(#6d747f, #4f555c);}
/*section4*/
.section4-title{position: relative; font-size: 24px; color: #000; letter-spacing: 0; text-align: center; font-weight: 500;}
.section4-title:after{position: absolute; content: ''; width: 130px; height: 1px; top: 50px; left: 50%; margin-left: -65px; background: #aaa;}
.section4-newtitle:after{top: 70px;}
.section4-news{margin-top: 50px;}
.nav-tabs{width: 100%; position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none;background-color: transparent; border-bottom: solid 3px #eee;}
.nav-tabs li{width: 33.33333%; margin-bottom: -1px;}
.nav-tabs li:hover a{color: #1480e2!important;}
.nav-tabs li a{display: inline-block; width: 100%; color: #333; font-weight: 400; padding: 15px 20px; text-align: center; text-decoration: none;}
.nav-tabs li a.nav-link{border-top-left-radius: .25rem; border-top-right-radius: .25rem;}
.nav-tabs li.active a{color: #1480e2!important; cursor: pointer; position: relative; transition: all cubic-bezier(0,0,.2,1) .5s;}
.nav-tabs .ms-tabs-indicator{display: block; content: ""; width: 0; height: 3px; position: absolute; bottom: -3px; left: 0; background-color: #1480e2; transition: left ease .3s,width ease .4s; }
.nav-tabs li a i{vertical-align: -1px; margin-right: 5px; transition: transform cubic-bezier(0,0,.2,1) .5s;}
.nav-tabs li.active a i{transform: rotate(360deg);}
.news-listul{padding: 10px 0;}
.news-listul li{padding: 8px 20px; border-bottom: 1px dotted #ccc;}
.news-listul p{margin: 10px 0;}
.news-circle{display: inline-block; width: 4px; height: 4px; border-radius: 4px; background: #000; margin-right: 10px; vertical-align: 3px;}
.news-title{display: inline-block; width: calc(100% - 150px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: top; font-size: 14px; list-style-type: none; color: #333; text-decoration: none;}
.news-title:hover{text-decoration: underline;}
.news-time{float: right; display: inline-block; width: 110px; color: #333; font-size: 12px; vertical-align: top;}
.news-time i{margin-right: 5px;}
.news-listul p.news-cnt{color: #555; margin-left: 10px; font-size: 12px; line-height: 1.4;}
.news-button{margin: 30px 0 20px; text-align: center;}
/*section5*/
.section5{background: #f3f6fa; border-top: 1px solid #E6EDF3;}
.section5-box{margin: 50px auto 20px;}
.section5-box li.section5-item{width: calc((100% - 66px)/3); float: left; border-radius: 5px;}
.section5-box li:nth-child(1){border: 1px solid #98a4b6; border-bottom: 3px solid #98a4b6;}
.section5-box li:nth-child(2){margin: 0 30px; border: 1px solid #f19c38; border-bottom: 3px solid #f19c38;}
.section5-box li:nth-child(3){border: 1px solid #67ac5b; border-bottom: 3px solid #67ac5b;}
.section5-itemhead{border-radius: 5px 5px 0 0; width: 100%; padding: 20px 0; text-align: center; font-size: 18px; color: #fff; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; }
.section5-box li:nth-child(1) .section5-itemhead{background: #98a4b6;}
.section5-box li:nth-child(2) .section5-itemhead{background: #f19c38;}
.section5-box li:nth-child(3) .section5-itemhead{background: #67ac5b;}
.section5-itemimg img{width: 100%;}
.section5-itemtxt{padding: 30px; background: #fff; line-height: 2; color: #555; z-index: 1; overflow: hidden; transition: all ease .3s;}
.section5-button{text-align: center; margin-top: 30px;}
.section5-itemtxt p{height: 180px; overflow: hidden;}
.section5-itemimg{line-height: 0;}
.section5-box li:hover{cursor: pointer;}
.section5-box li:nth-child(1) .section5-itemtxt:after{transition: all ease .3s; display: block; content: ""; position: absolute; height: 100%; width: 100%; top: 100%; bottom: 0; left: 0; right: 0; z-index: -1;background: #98a4b6;}
.section5-box li:nth-child(1):hover .section5-itemtxt:after{top: 0;}
.section5-box li:nth-child(2):hover .section5-itemtxt:after{top: 0;}
.section5-box li:nth-child(3):hover .section5-itemtxt:after{top: 0;}
.section5-box li:hover .section5-itemtxt{color: #fff;}
.section5-box li:nth-child(1):hover .btn-gray{background: #fafafa; box-shadow: 0 1px 3px 0 rgba(0,0,0,.12), 0 1px 2px 0 rgba(0,0,0,.24); color: #98a4b6;}
.section5-box li:nth-child(2) .section5-itemtxt:after{transition: all ease .3s; display: block; content: ""; position: absolute; height: 100%; width: 100%; top: 100%; bottom: 0; left: 0; right: 0; z-index: -1;background: #f19c38;}
.section5-box li:nth-child(2):hover .btn-yellow{background: #fafafa; box-shadow: 0 1px 3px 0 rgba(0,0,0,.12), 0 1px 2px 0 rgba(0,0,0,.24); color: #f19c38;}
.section5-box li:nth-child(3) .section5-itemtxt:after{transition: all ease .3s; display: block; content: ""; position: absolute; height: 100%; width: 100%; top: 100%; bottom: 0; left: 0; right: 0; z-index: -1;background: #67ac5b;}
.section5-box li:nth-child(3):hover .btn-sgreen{background: #fafafa; box-shadow: 0 1px 3px 0 rgba(0,0,0,.12), 0 1px 2px 0 rgba(0,0,0,.24); color: #67ac5b;}
/*footer*/
.footer{color: #aaa; position: relative; z-index: 1000;}
.footer-itembox{background: #324051; padding: 40px 0;}
.footer-logo{width: 150px; float: left; margin-top: 20px;}
.footer-logo img{width: 100%;}
.footer-qrcode{width: 150px; float: right; margin-top: 50px;}
.footer-qrcode img{width: 150px;}
.footer-qrcode p{text-align: center;}
.footer-item{float: left; width: calc(100% - 380px); margin: 0 10px 0 70px;}
.footer-item li{width: 25%; float: left;}
.footer-item li h3{font-size: 13px; margin: 20px 0 30px; color: #fff; font-weight: 500; letter-spacing: 1px;}
.footer-item li p{margin: 20px 0; font-size: 12px;}
.footer-item li p a{text-decoration: none; color: #aaa;}
.footer-item li p a:hover{color: #fff; text-decoration: underline;}
.footer-copyright{padding: 30px 0; background: #0d162f;}
.copyright-menu li{float: left; padding: 5px; font-size: 13px;}
.copyright-menu li a{color: #909cbf; text-decoration: none;}
.copyright-menu li a:hover{color: #909cbf; text-decoration: underline;}
.copyright-txt{font-size: 13px; text-align: center; color: #909cbf;}
.scroll-top{width: 40px; height: 40px; background-color: #42a5f5; text-align: center; color: #fff; cursor: pointer; position: fixed; bottom: 45px; right: 15px; z-index: 999; opacity: 1; font-size: 1.5em; border-radius: 100%; box-shadow: none; transition: all .15s;}
.scroll-top i{margin-top: 7px;}
.scroll-top:hover{cursor: pointer; opacity: 1; box-shadow: 0 0 5px rgba(0,0,0,0.2); transform: scale(1.1); transition: all .15s;}
.foot-logo{float: left; width: 400px; text-align: right;}
.foot-logo img{width: 250px; }
.foot-right{width: calc(100% - 400px); padding-top: 25px; text-align: center;}
.foot-right .copyright-menu{display: inline-block;}
/*搜索后效果*/
.search-box{display: none; position: absolute; width: 300px; height: 38px; right: 0px; top: 70px; padding: 8px 10px; background: #636c8e; border-radius: 3px 0 3px 3px;}
.search-input{width: calc(100% - 30px); height: 38px; padding: 0 15px; background: #7c85a7; color: #FFF; border: none; border-radius: 3px; }
.search-box i{position: absolute; right: 20px; top: 14px; color: #fff; font-size: 28px;}
.btn-search.active .search-box{display: block;}

/*登录*/
.login-bgcol{background: #0d162f;}
.login.login-with-news-feed, .register.register-with-news-feed{width: 100%; margin: 0; padding: 0; top: 0;}
.login{margin: -168px 0 0; position: absolute; left: 0; right: 0; top: 50%;}
.login.login-with-news-feed .news-feed, .register.register-with-news-feed .news-feed{position: fixed; left: 0; right: 500px; top: 0; bottom: 0; -webkit-transform: translateZ(0); overflow: hidden;}
.login.login-with-news-feed .news-image, .register.register-with-news-feed .news-image{position: absolute; bottom: 0; left: 0; right: 0; top: 0;}
.login.login-with-news-feed .news-image img, .register.register-with-news-feed .news-image img{position: absolute; max-height: 100%; min-width: 100%; top: -1960px; bottom: -1960px; left: -1960px; right: -1960px; margin: auto;}
.login.login-with-news-feed .news-caption, .register.register-with-news-feed .news-caption{background: rgba(0,0,0,.7); color: #999; position: absolute; bottom: 0; left: 0; right: 0; padding: 30px 60px; font-size: 14px; z-index: 20; font-weight: 300; min-width: 680px;}
.login.login-with-news-feed .news-caption .caption-title, .register.register-with-news-feed .news-caption .caption-title{color: #fff; color: rgba(255,255,255,.8); font-weight: 300; font-size: 18px; letter-spacing: 1px; margin: 20px 0;}
.text-success{color: #54b9d1!important;}
.login.login-with-news-feed .news-caption .caption-title i, .register.register-with-news-feed .news-caption .caption-title i{font-size: 26px; vertical-align: -2px;}
.login.login-with-news-feed .right-content, .register.register-with-news-feed .right-content{float: right; width: 500px;}
.login.login-with-news-feed .login-header, .register.register-with-news-feed .register-header{position: relative; top: 0; margin: 0; left: 0; right: 0; padding: 100px 60px 0;}
.login.login-with-news-feed .login-header .brand{color: #242a30; text-align: center;}
.login.login-with-news-feed .login-header .brand img{height: 75px; display: inline-block;}
.login .login-header .brand{padding: 0; font-size: 28px; color: #2d353c;}
.login.login-with-news-feed .login-header .brand small{color: #707478; font-size: 16px; display: inline-block; line-height: 50px; vertical-align: top; border-left: 2px solid #ddd; margin: 20px 0 20px 10px; padding-left: 20px; font-weight: 600; letter-spacing: 1px;}
.login.login-with-news-feed .login-header .brand small.small{font-size: 13px; font-weight: normal; letter-spacing: 0; border: 0;}
.login.login-with-news-feed .login-content, .register.register-with-news-feed .register-content{width: auto; padding: 30px 60px; height: auto; min-height: calc(100vh - 275px);}
.login.login-with-news-feed .login-content.login-cntbox, .register.register-with-news-feed .register-content.login-cntbox{height: auto;}
.login-bgcol .login.login-with-news-feed .login-content{min-height: 0;}
.login .login-content{padding: 30px 40px; color: #999; width: 450px; margin: 0 auto;}
.form-control{border: 1px solid #ccd0d4; -webkit-box-shadow: none; box-shadow: none; font-size: 12px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.form-control:focus{border-color: #54b9d1; outline: 0; box-shadow: none;}
.input-lg{height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px;}
.form-control{display: block; width: calc(100% - 24px); height: 34px; padding: 6px 12px; font-size: 13px; line-height: 28px; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px;  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.checkbox, .radio{position: relative; display: block; margin-top: 10px; margin-bottom: 10px;}
.checkbox label, .radio label{min-height: 20px; padding-left: 100px; margin-bottom: 0; font-weight: 400; cursor: pointer; font-size: 12px;}
.checkbox label.pl20, .radio label.pl20{padding-left: 20px;}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio]{position: absolute; margin-top: 4px\9; margin-left: -20px;}
input[type=checkbox], input[type=radio]{margin: 4px 0 0; margin-top: 1px\9; line-height: normal;}
.login-buttons .btn{display: block; width: 100%; padding: 10px 35px; color: #fff; background: #54b9d1; border-color: #54b9d1; }
.login-buttons a.btn{width: auto; text-align: center;}
.login a{text-decoration: none;}
.login a:hover{text-decoration: underline;}
.login-buttons .btn:hover{background: #47acc4; border-color: #47acc4;}
.login-head{height: 70px; position: relative; border-bottom: 1px solid #485271; color: #fff; background: rgba(18,28,58,0.95);}
.login-head.login-head-big{height: 120px;}
.login-head .login-image{float: left; margin-left: 30px; margin-top: 10px;}
.login-head.login-head-big .login-image{margin-top: 25px;}
.login-head .login-image img{height: 50px;}
.login-head.login-head-big .login-image img{height: 70px;}
.login-txtright{float: right; margin-right: 30px; line-height: 70px;}
.login-head.login-head-big .login-txtright{float: right; margin-right: 30px; line-height: 120px;}
.login-txtright a{color: #f5f5f5;}
.login-content{background: #222a47;}
.login-content .login-formcnt{width: 400px; padding: 30px; margin: 20px auto; background: #fff;}
.login-content .login-cntbox{max-width: 1100px; margin: 20px auto; background: url(../images/login-bg.jpg) no-repeat; background-size: 100%; }
.login-content .login-cntbox .login-formcnt.fr{margin: 15px; border-radius: 8px;}
.login-content .login-formcnt.fr{margin: 20px 30px 20px 0;}
.login-formtit{color: #707478; font-size: 16px; margin: 10px 0 25px 0; font-weight: 600; letter-spacing: 1px; text-align: center;}
.login-content.login-bg{background: #f5f5f6;}
.login-content.login-bg .login-formcnt{padding: 30px 200px; }
.login-head.no-bg{background: #f5f5f6; border-bottom: 1px solid #D7D8D9; color: #333;}
.login-formtit.small{font-size: 15px; letter-spacing: 0.2px; color: #000;}
.login-txt{color: #f5f5f5; font-size: 14px; display: inline-block; line-height: 30px; vertical-align: top; border-left: 2px solid #d0d0d0; margin: 15px 0 15px 10px; padding-left: 20px; font-weight: 600; letter-spacing: 1px;}
.login-head.login-head-big .login-txt{line-height: 55px;}
.login-head.no-bg .login-txt{color: #707478;}
.login-head.no-bg .login-txtright a{color: #333;}
.input-group{position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%;}
.input-group-prepend{display: flex; margin-right: -1px;}
.input-group-text{display: flex; align-items: center; padding: 3px 15px; font-size: 13px; font-weight: 400; line-height: 1.5; color: #4F5467; text-align: center; background-color: #f8f9fa; border: 1px solid #e9ecef; border-radius: 2px;margin-bottom: 0; white-space: nowrap;}
.form-control-lg{padding: 2px 10px; font-size: 13px; line-height: 1.5; border-radius: 2px;}
.login-formcnt .form-control{position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0; color: #4F5467; height: 40px; background-color: #fff; border: 0; border-radius: 2px; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; box-shadow: none;}
.login-formcnt .form-control:focus{border-color: rgba(0,0,0,.25); box-shadow: none}
.valid-feedback{display: none; width: 100%; margin-top: 2px; font-size: 12px; color: #36bea6;}
.form-control.is-invalid{border-color: #f62d51;}.form-control.is-invalid~.invalid-feedback{display: block;}
.invalid-feedback{display: none; width: 100%; margin-top: 2px; font-size: 12px; color: #f62d51; position: absolute; left: 0; top: 45px;}
.form-control.is-invalid:focus{border-color: #f62d51; box-shadow: 0 0 0 0.2rem rgba(246,45,81,.25);}
.input-iconcheck{display: none; position: absolute; right: 10px; top: 12px; font-size: 14px;} 
.is-invalid~.input-iconcheck{display: block;}
.input-iconcheck.is-invalid{color: #f62d51;}
.input-iconcheck.captcha-iconcheck{right: calc(40% - 18px);}
.login-formcnt .input-group{padding-bottom: 25px;}
/*注册*/
.fz18{font-size: 18px;}
.input-item{display: flex; flex-wrap: wrap; align-items: stretch; width: 49%; position: relative;}
.input-item .form-control{position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0;}
.input-group .input-item:first-child{margin-right: 2%;}
.input-lg.input-left{width: 60%; float: left;}
.input-right{display:inline-block; width: calc(40% - 36px); margin-left: 10px;}
.input-right img{width: 100%; height: 48px;}
.input-right .phone-msg{display:inline-block; width: calc(100% - 10px); height: 40px; line-height: 40px; padding: 0 5px; background: #00acac; color: #fff; border-radius: 3px; font-size: 13px; text-align: center; }
.input-right .phone-msg:hover{text-decoration: none; background: #008a8a;}
.form-label{font-size: 13px; width: 70px; text-align: right; margin-right: 10px; height: 48px; line-height: 48px; float: left;}
.form-span{float: left; width: calc(100% - 80px);}
.form-span.span-phone{height: 48px; line-height: 48px;}
.login-buttons a:hover{text-decoration: none;}
.select-city label,.select-city span{line-height: 40px;}
/*增值服务*/
.server-serchheader{border: 2px solid #00a7d8; width: 400px; border-right: 0; position: absolute; right: 0; top:3px;}
.serchheader-input{width: 300px; display: inline-block; vertical-align: top; float: left;}
.serchheader-input input[type='text']{width: 269px; height: 36px; line-height: 36px; padding: 0 15px; background: transparent; border: 0; border-radius: 2px; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.serchheader-input input[type='text']:focus{border-color: rgba(0,0,0,.25);}
.btn-serversearch{background: #00a7d8; color: #fff; display: inline-block; margin: 0; border-radius: 0; border: 0;}
.btn-serversearch:hover{background: #47acc4; }
.serchheader-input i{color: #aaa; position: absolute; right: 15px; top: 13px;}
.server-tabul{border-bottom: 1px solid #dedede;}
.server-tabul li{display: inline-block; margin-right: 5px; min-width: 100px; height: 46px; line-height: 46px; padding: 0 20px; border: 1px solid #dedede; border-bottom: 0; border-radius: 5px 5px 0 0; text-align: center;}
.server-tabul li.active{border-top: 3px solid #00a7d8;}
.server-tabul li i{font-size: 20px; margin-right: 10px; vertical-align: -3px;}
.server-tabul li:hover{color: #00a7d8; cursor: pointer;}
.server-tabul li.active:hover{color: #00a7d8;}
.server-tabul-box{border: 1px solid #dedede; border-top: 0; padding: 10px 10px 20px;}
.server-listbox{margin-top: 10px; padding-bottom: 5px; font-size: 13px; border-bottom: 1px solid #00a7d8;}
.server-listbox .server-list{border-bottom: 1px dotted #ddd; padding: 6px 0;}
.server-listbox .server-list:last-child{border: 0;}
.server-listbox .server-listitle{display: inline-block; width: 60px; text-align: right; height: 37px; line-height: 37px;}
.server-listbox .server-listcnt{display: inline-block; vertical-align: top; width: calc(100% - 75px); max-width: 900px;}
.server-listbox .server-listcnt li{padding: 5px 7px; min-width: 50px; margin: 5px 20px; float: left; font-size: 13px; border-radius: 3px; text-align: center;}
.server-listbox .server-listcnt li:hover{color: #00a7d8; cursor: pointer;}
.server-listbox .server-listcnt li.active{background: #00a7d8; color: #fff;}
.server-listmore{width: 90px; height: 26px; line-height: 26px; text-align: center; margin: auto; border: 1px solid #dedede; position: absolute; bottom: 10px; right: 10px; border-radius: 3px; background: #fafafa;}
.server-listmore i{margin-left: 5px; transition: transform ease .5s;}
.server-listmore:hover{cursor: pointer; color: #00a7d8;}
.server-listmore:hover i{transform: rotate(90deg);}
.tab-cntbox{margin-top: 20px;}
.tab-itembox li{position: relative; float: left; width: calc((100% - 276px)/3); margin: 20px; padding: 25px 25px 50px; border: 1px solid #dedede; border-radius: 8px; background: #eef1f3; transition: all ease .5s;}
.tab-itemicon{width: 120px; height: 120px; border-radius: 120px; background: #eee; padding: 8px; margin: 0 auto 20px;}
.tab-itemicon span{display:inline-block; padding: 30px; width: calc(100% - 60px); height: calc(100% - 60px); border-radius: 100%; background: #54b9d1;}
.tab-item-yellow .tab-itemicon span{background: #e6822a;}
.tab-itemicon span img{width: 100%;}
.tab-itembox li:hover{cursor: pointer;}
.tab-itembox li:hover img{transform: rotate(360deg);}
.server-itemtitle{font-size: 15px; text-align: center; font-weight: 600;}
.server-itemtxt{font-size: 12px; text-align: center; height: 80px; margin-bottom: 10px; overflow-y: hidden; color: #333; line-height: 1.8;}
.server-zan{position: absolute; display: inline-block; top: 10px; left: 10px; padding: 3px 10px 0; background: #d62190; border-radius: 3px;}
.server-zan i{display: inline-block; width: 15px; height: 16px; background: url(../images/zan.png) no-repeat; background-size: 100%;}
.tab-itemhover{display: none; position: absolute; width: 100%; height: 100%; border-radius: 8px; background: rgba(255,255,255,0.3); z-index: 500; top: 0; left: 0;}
.tab-itembox li:hover .tab-itemhover{display: block;}
.tab-hoverbtn a{display: inline-block; border-radius: 3px; height: 26px; line-height: 26px; padding: 0 10px; text-decoration: none;}
.tab-hoverbtn a.btn-heart{background: #dcdcdc; color: #b7b7b7;}
.tab-hoverbtn a.btn-heart:hover{background: #ccc;}
.tab-hoverbtn a.btn-addcart{background: #54b9d1; color: #fff; font-size: 12px; min-width: 80px; text-align: center;}
.tab-hoverbtn a.btn-addcart:hover{background: #40a8c1;}
.tab-searchicon{text-align: center; color: rgba(213,221,223,0.8); position: absolute; width: 50px; height: 50px; top: 30%; left: 50%; margin-top: -25px; margin-left: -25px;}
.tab-searchicon i.icon-search{display: inline-block; width: 50px; height: 50px; background: url(../images/search-icon.png) no-repeat; background-size: 100%;}
.tab-hoverbtn{position: absolute; bottom: 15px; right: 15px; text-align: right;}
.btn-tip{display: none; position: absolute; top: -30px; left: -13px; min-width: 40px; text-align: center; font-size: 12px; padding: 0 10px; height: 22px; line-height: 22px; color: #fff; background: #000; border-radius: 3px;}
.btn-tip:after{position: absolute; top: 14px; left: 50%; transform: translate(-50%, 8px); content: " "; border-width: 6px; border-style: solid; border-color: rgb(0, 0, 0) transparent transparent;}
.tab-hoverbtn a.btn-heart:hover .btn-tip{display: inline-block;}
.tab-hoverbtn a.btn-heart.active{color: #ff0000}
.tab-itemlink{display: block; text-decoration: none; color: #333; width: 100%; height: 100%;}
.tab-item-yellow .tab-hoverbtn a.btn-addcart{background: #e6822a; color: #fff; font-size: 12px; min-width: 80px; text-align: center;}
.tab-item-yellow .tab-hoverbtn a.btn-addcart:hover{background: #d4792a;}
.foot-paging{text-align: center; margin: 20px 0;}
.foot-paging .pagination{display: inline-block;}
.foot-paging .pagination li{float: left; margin: 0 3px;}
.foot-paging .pagination li a{padding: 8px 16px; float: left; color: #000; text-decoration: none; background-color: #fff; border: 1px solid #dedede; border-radius: 3px;}
.foot-paging .pagination li.disabled a{color: #c6cbd7;}
.foot-paging .pagination li.disabled a:hover{color: #c6cbd7; cursor: default;}
.foot-paging .pagination li.active a{color: #fff; background: #25292f;}
.foot-paging .pagination li.active a:hover{color: #fff;}
.foot-paging .pagination li a:hover{color: #999;}
.slide.small-height{height: 500px;}
.slide.small-height img{min-height: 500px;}
.gray-section{background: #f3f3f4;}
.slider-bannerbox{max-height: 300px; overflow: hidden;}
.slider-bannerbox img{width: 100%;}
.server-price{color: #ff0000; text-align: left; font-size: 18px; position: absolute; left: 25px; bottom: 12px;}
.server-price span{font-size: 24px;}
/*行业案例*/
.slider-industry{background: url(../images/banner/3.jpg) no-repeat; background-attachment: fixed; background-position: center center; background-size: cover;}
.industry-left{float: left; width: calc(55% - 20px); margin-right: 20px;}
.industry-right{float: right; width: 45%;}
.industry-right-box{margin-top: 70px;}
.industry-right-box p{margin: 25px 0;}
.industry-right-box p i{margin-right: 10px; color: #42a5f5;}
.industry-right-box p a{color: #333; text-decoration: none;}
.industry-right-box p a:hover{text-decoration: underline;}
.industry-item-title{display: inline-block; width: 70px; height: 24px; line-height: 24px; color: #fff; font-size: 14px; text-align: center; border-radius: 3px;}
.industry-item-title span{vertical-align: top; letter-spacing: 1px;}
.industry-right-item:nth-child(1) .industry-item-title{background: #f3882a;}
.industry-right-item:nth-child(2) .industry-item-title{background: #be8a08;}
.industry-right-item:nth-child(3) .industry-item-title{background: #29b0ca;}
.industry-right-item:nth-child(4) .industry-item-title{background: #6e2f9a;}
.industry-right-item:nth-child(5) .industry-item-title{background: #c63794;}
.industry-item-title i{margin-right: 5px; display: inline-block; margin-top: 6px;}
.industry-item-title i.industry-icon1{width: 7px; height: 12px; background: url(../images/industry-icon1.png) no-repeat; background-size: 100%;}
.industry-item-title i.industry-icon2{width: 12px; height: 12px; background: url(../images/industry-icon2.png) no-repeat; background-size: 100%;}
.industry-item-title i.industry-icon3{width: 12px; height: 12px; background: url(../images/industry-icon3.png) no-repeat; background-size: 100%;}
.industry-item-title i.industry-icon4{width: 12px; height: 12px; background: url(../images/industry-icon4.png) no-repeat; background-size: 100%;}
.industry-item-title i.industry-icon5{width: 12px; height: 12px; background: url(../images/industry-icon5.png) no-repeat; background-size: 100%;}
.industry-leftcircle{width: 435px; height: 435px; margin: 0 auto; background:url(../images/industry-leftbg.png) no-repeat; background-size: 100%;}
.industry-right-btn{margin-top: 40px;}
.industry-left-title{position: absolute; display: inline-block; padding: 3px 10px; font-size: 14px; letter-spacing: 1px; color: #fff; background: rgba(12,25,40,0.76); border-radius: 18px;}
.industry-left-title.title1{top: 208px; right: 10px;}
.industry-left-title.title2{top: 45px; right: 150px;}
.industry-left-title.title3{top: 205px; left: 30px;}
.industry-left-title.title4{bottom: 65px; right: 280px;}
.industry-left-title.title5{top: 360px; right: 80px;}
.industry-left-center{width: 145px; height: 145px; border-radius: 145px; position: absolute; left: 50%; top: 50%; margin-top: -72px; margin-left: -72px; text-align: center;}
.industry-left-center i{display: inline-block; width: 60px; height: 53px; background: url(../images/industry-lefticon.png) no-repeat; background-size: 100%; margin-top: 35px; transition: all ease .5s;}
.industry-left-center p{margin-top: 2px; color: #333; font-size: 15px; font-weight: 600;}
.industry-left:hover{cursor: pointer;}
.industry-left:hover .industry-left-center i{transform: rotate(360deg);}
.section-industry{background-image: url(../images/section-industry.jpg); position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: center center;}
.customer-circle{width: 900px; margin: 0 auto;}
.customer-circle li{float: left; width: 16.6667%; text-align: center; margin: 30px 0; }
.customer-circle li .customer-icon{width: 110px; height: 110px; margin: 15px auto; border-radius: 100%; border: 6px solid rgba(123,123,123,0.3); background: rgba(28,28,28,0.3);}
.customer-circle li p.customer-title{color: #696c72; font-size: 15px; font-weight: 600;}
.customer-circle li .customer-icon1{display: inline-block; width: 36px; height: 60px; background: url(../images/industry-icon1.png) no-repeat; background-size: 100%; opacity: 0.6; margin-top: 22px; transition: all ease .5s;}
.customer-circle li .customer-icon2{display: inline-block; width: 61px; height: 60px; background: url(../images/industry-icon2.png) no-repeat; background-size: 100%; opacity: 0.6; margin-top: 22px; transition: all ease .5s;}
.customer-circle li .customer-icon3{display: inline-block; width: 62px; height: 60px; background: url(../images/industry-icon3.png) no-repeat; background-size: 100%; opacity: 0.6; margin-top: 22px; transition: all ease .5s;}
.customer-circle li .customer-icon4{display: inline-block; width: 59px; height: 60px; background: url(../images/industry-icon4.png) no-repeat; background-size: 100%; opacity: 0.6; margin-top: 22px; transition: all ease .5s;}
.customer-circle li .customer-icon5{display: inline-block; width: 58px; height: 60px; background: url(../images/industry-icon5.png) no-repeat; background-size: 100%; opacity: 0.6; margin-top: 22px; transition: all ease .5s;}
.customer-circle li:hover{cursor: pointer; opacity: 0.8;}
.customer-circle li:hover i{transform: rotate(360deg);}
.customer-circle li.active .customer-icon{border: 6px solid rgba(239,126,39,0.7);}
.customer-circle li.active p.customer-title{color: #fff;}
.customer-circle li.active .customer-icon1{background: url(../images/industry-active-icon1.png) no-repeat; background-size: 100%; opacity: 1;}
.customer-circle li.active .customer-icon2{background: url(../images/industry-active-icon2.png) no-repeat; background-size: 100%; opacity: 1;}
.customer-circle li.active .customer-icon3{background: url(../images/industry-active-icon3.png) no-repeat; background-size: 100%; opacity: 1;}
.customer-circle li.active .customer-icon4{background: url(../images/industry-active-icon4.png) no-repeat; background-size: 100%; opacity: 1;}
.customer-circle li.active .customer-icon5{background: url(../images/industry-active-icon5.png) no-repeat; background-size: 100%; opacity: 1;}
.customer-icon .fa-ellipsis-h{font-size: 44px; line-height: 110px; color: #a4a6a9;}
.customer-tabitem li{float: left; width: calc((100% - 160px)/4); margin: 10px 20px;}
.customer-tabitem{width: 1110px; margin: 0 auto;}
.customer-tabitem li p{margin: 15px 0;}
.customer-tabitem li a{color: #f9f9f9; text-decoration: none; }
.customer-tabitem li a:hover{text-decoration: underline;}
.customer-btn{text-align: center; margin-top: 20px; }
.industry-box-item{position: relative; margin-bottom: 15px; width: 50%; float: left;}
.industry-item-left{float: left; width: 90px; margin-right: 40px; text-align: center;}
.industry-item-img{width: 80px; height: 80px; border-radius: 800px; background: #dedede; padding: 5px;}
.industry-item-img img{width: 100%; border-radius: 100%;}
.industry-title{margin-top: 5px;}
.industry-title span{display: inline-block; padding: 1px 8px; border-radius: 2px; color: #fff;}
.industry-title span.item1{background: #f3882a;}
.industry-title span.item2{background: #be8a08;}
.industry-title span.item3{background: #29b0ca;}
.industry-title span.item4{background: #6e2f9a;}
.industry-title span.item5{background: #c63794;}
.industry-title span.item6{background: #c7a917;}
.industry-item-right{float: left; position: relative; width: calc(100% - 180px); background: #e7ebf1; max-width: 800px;}
.industry-right-txt{display: table; height: 60px; background: #e7ebf1; border-left: 5px solid #dedede; border-radius: 7px; padding: 10px 30px;}
.industry-right-txt a{color: #333; font-size: 14px; text-decoration: none; display: table-cell; vertical-align: middle;}
.industry-right-txt a:hover{text-decoration: underline;}
.industry-item-right:after{display:block; content: ''; width:0; height:0; border-width:10px 10px 10px 0; border-style:solid; border-color:transparent #dedede transparent transparent; position:absolute; top: 30px; left: -10px;}
/*试用申请*/
.trial-section .section4-title{margin-top: 0;}
.slider-trial{background: url(../images/banner/4.jpg) no-repeat; background-attachment: fixed; background-position: center center; background-size: cover;}
.trial-applybox{margin-top: 30px;}
.trial-formul li{float: left; width: auto; margin: 10px 0;}
.trial-formul li:nth-child(2n){margin-left: 20px;}
.trial-formul li.nofloat{width: 100%; margin-left: 0;}
.trial-formul li label{display: inline-block; width: 90px; text-align: right; margin-right: 5px; font-size: 14px; line-height: 48px; vertical-align: top;}
.trial-formul li .form-control{display: inline-block; width: 300px;}
.trial-formul li span{color: #ff0000; line-height: 48px; font-size: 18px; font-weight: 600; margin-left: 5px; vertical-align: top;}
.city-select{display: inline-block; vertical-align: top;}
.trial-formul li .city-select .form-control{width: 156px; height: 48px;}
.trial-checkboxs{display: inline-block; vertical-align: top;}
.trial-formul li .trial-checkboxs label{display: inline-block; width: auto; text-align: left;}
.trial-formul li .trial-checkboxs label input[type='checkbox']{vertical-align: -2px; margin-right: 3px;}
.trial-radios{display: inline-block; vertical-align: top;}
.trial-formul li .trial-radios label{display: inline-block; width: auto; text-align: left; margin-right: 20px;}
.trial-formul li .trial-radios label input[type='radio']{vertical-align: -2px; margin-right: 3px;}
.trial-formul li .trial-textarea{width: calc(100% - 257px); height: 100px; resize: none;}
.trail-applytxt .trial-code{width: 120px; display: inline-block;}
.input-code{display: inline-block; margin-left: 10px; vertical-align: top;}
.input-code img{height: 48px;}
.trial-button{text-align: center; margin-top: 30px;}
.trial-table{width: 100%; margin: 50px 0 20px;}
.trial-table tr td{border-bottom: 1px dotted #ccc; padding: 8px 20px;}
.trial-applybox fieldset{border: 1px solid #ddd; border-radius: 3px; padding: 30px;}
.trial-applybox fieldset legend{font-size: 1.17em; font-weight: 500;}
.table-responsive{min-height: .01%; overflow-x: auto;}
.dialog-foot-txt span{display: inline-block; vertical-align: top; margin: 0 7px;}
.trial-button .btn{min-width: 82px; padding: 9px 35px; margin: 0 10px;}
.section-explain{position: relative; padding: 40px 0 60px; color: #fff; background: url(../images/version_bg.jpg) no-repeat; background-attachment: fixed; background-position: center center; background-size: cover;}
.explain-bg{position: absolute; top:0; left:0; width:100%; height: 100%; background: rgba(0,0,0,0.85);}
h3.trial-titxt{font-size: 15px; margin: 10px 0;}
.trail-applytxt p{margin: 0; line-height: 22px;}
.trail-applytxt{margin-bottom: 20px;}
.trial-applyitem input{display: inline-block; width: 300px;}
.trial-applyitem textarea{height: 220px; resize: none; font-size: 12px;}
.trial-checktxt{display: inline-block; margin-top: 5px; width: auto; font-size: 12px;}
.trial-checktxt input[type='checkbox']{vertical-align: -2px; margin-right: 2px; width: auto; display: inline-block;}
.trial-formul li.nofloat .form-control{display: inline-block; width: 761px;}
.formcheck-box span{display: inline-block; width: 120px; text-align: right; margin-right: 5px;}
.formcheck-box .trial-checkboxitems{display: inline-block; vertical-align: top;}
.trial-checkboxitems label{display: inline-block; width: auto; text-align: left; margin: 2px 15px;}
.trial-checkboxitems label input[type='checkbox'],.trial-checkboxitems label input[type='radio']{vertical-align: -2px; margin-right: 3px;}
.formcheck-box{margin: 15px 0;}
.trail-applytxt .trial-textarea{width: calc(100% - 24px); height: 100px; resize: none;}
/*试用申请弹窗*/
.apply-leftbox{float:left; width: calc(50% - 21px); padding: 10px; border-right: 1px dotted #dedede;}
.apply-rightbox{float:left; width: calc(50% - 30px); padding: 10px 10px 10px 20px;}
.apply-boxtitle{margin: 0 0 10px;}
.apply_boxul li{padding: 5px 0;}
/*版本对比*/
.version-section{padding-bottom: 30px; background: #fff;}
.version-section .section4-title{margin-top: 0;}
.edition-trial{background: url(../images/banner/5.jpg) no-repeat; background-attachment: fixed; background-position: center center; background-size: cover;}
.edition-tablebox{margin-top: 50px; border: 1px solid #ddd;}
table.edition-table {width: 100%;}
table.edition-table th{font-weight: 600; font-size: 16px; border-right: 1px solid #ddd; padding: 10px 20px;}
table.edition-table th:last-child{border-right: 0;}
table.edition-table tr td{border: 1px solid #ddd; border-left: 0; border-bottom: 0; padding: 12px 20px; text-align: center;}
table.edition-table tr td i{font-size: 16px;}
table.edition-table tr td:last-child{border-right: 0;}
table.edition-table tr:nth-child(2n){background: #edf2f7;}
.slider-upgrade{background: url(../images/banner/6.jpg) no-repeat; background-attachment: fixed; background-position: center center; background-size: cover;}
.trial-title{margin: 30px 0 10px; font-size: 16px; text-align: center;}
.version-table table.edition-table tr td{background: #f3f6fa;}
.version-table table.edition-table tr:nth-child(2n){background: #f3f6fa;}
.version-table table.edition-table tr td.table-redbg{background: rgba(241, 144, 144, 0.1);}
.version-table table.edition-table tr td.table-greenbg{background: rgba(157, 216, 199, 0.1);}
.version-table table.edition-table tr td.table-yellowbg{background: rgba(245, 198, 144, 0.1);}
/*资料下载*/
.slider-download{background: url(../images/banner/7.jpg) no-repeat; background-attachment: fixed; background-position: center center; background-size: cover;}
.date-download-box{margin-top: 45px;}
.download-item{ padding: 8px 20px; border: 1px solid #dedede; border-left: 3px solid #54b9d1; background: #edf2f7; margin: 8px 0;}
.download-itemtit{line-height: 30px;}
.download-item span i.icon-circle{display: inline-block; margin-right: 5px; width: 6px; height: 6px; border-radius: 6px; background: #999; vertical-align: 1px;}
.download-itemleft{float: right;}
.download-itemleft a{text-decoration: none; display: inline-block; padding: 5px 25px; margin: 0;}
.date-download-box li .btn-up{display: none;}
.date-download-box li.on .btn-up{display: inline-block;}
.date-download-box li.on .btn-down{display: none;}
.download-item-more{display: none; padding: 15px 30px; font-size: 12px; line-height: 2; text-indent: 25px; border-bottom: 1px dotted #ccc;}
.date-download-box li.on .download-item-more{display: block; margin-top: -8px; border: 1px solid #dedede; border-top: 0;}
.download-section{padding-bottom: 30px;}
.download-section .section4-title{margin-top: 0;}
/*注册管理*/
.slider-register{background: url(../images/banner/8.jpg) no-repeat; background-attachment: fixed; background-position: center center; background-size: cover;}
.section-tophead{margin-top: 170px;}
.fixed-head .section-tophead{margin-top: 60px;}
.register-magbox{padding-bottom: 25px; border-bottom: 1px dotted #ccc;}
.register-msgbtn{position: absolute; right: 20px; top: 9px; padding: 6px 20px; margin: 0; color: #00a7d8; text-decoration: none;}
.register-msgbtn:hover{text-decoration: underline;}
.register-msgbtn i{vertical-align: 0; margin-right: 3px;}
.register-magbox span{display: inline-block; width: calc((100% - 175px)/2); margin: 15px; font-size: 15px; font-weight: 600;}
.register-magbox span label.magbox-title{display: inline-block; width: 80px; text-align: right; margin-right: 5px;}
.register-loadbtn{margin: 30px 0;}
.loadbtn-upload{display: inline-block; vertical-align: top; margin: 5px 10px;}
.loadbtn-upload .btn{margin: 0;}
.input-file{opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3;}
.register-explain{padding: 5px 15px 15px 15px; border: 1px solid #f1d3ae; border-radius: 3px; background: #fff3db; color: #4a4a4a;}
.register-explain p{margin: 8px 0; font-size: 13px;}
.table-btn{display: inline-block; padding: 2px 10px 0; height: 20px; line-height: 20px; min-width: 25px; border: 1px solid #54b9d1; color: #54b9d1; text-decoration: none; font-size: 12px; border-radius: 2px;}
.table-btn:hover{box-shadow: inset 0 -2px 0 0 #54b9d1;}
.dialog-cntp{line-height: 2; padding: 10px;}
.section.ptnone{padding-top: 0;}
/*在线反馈*/
.online-box{margin-top: 40px;}
.online-textarea{margin: 25px 0; text-align: center;}
.online-textarea textarea{height: 250px; max-width: 870px; margin: 0 auto; font-size: 13px;}
.online-btn{max-width: 870px; margin: 0 auto;}
.online-btn a.btn{padding: 9px 60px; margin: 0 10px;}
.online-btn a.btn-link{color: #00a7d8; line-height: 39px; text-decoration: none;}
.online-btn a.btn-link:hover{text-decoration: underline;}
.online-btn a.btn:first-child{margin-left: 112px;}
.online-section{padding-bottom: 30px;}
.online-section .section4-title{margin-top: 0;}
/*新闻详情*/
.news-detailbox{border: 1px solid #dedede; padding: 20px 20px 0;}
.news-detail-head{padding-bottom: 15px; border-bottom: 1px dotted #ccc;}
.news-detailbox h2{font-size: 26px; letter-spacing: 1px; margin: 20px auto 10px; font-weight: 500; text-align: center;}
.news-detail-date{text-align: center;}
.news-detail-abstract{text-align: left; margin: 20px 10px 0; line-height: 2; padding: 0 20px;}
.news-detail-collecte{text-align: right; margin-right: 20px;}
.news-detail-collecte i{margin-left: 10px;}
.news-detail-collecte i:hover{cursor: pointer;}
.news-detail-collecte i.fa-heart{display: none;}
.news-detail-collecte.on i.fa-heart{display: inline-block; color: #ff0000;}
.news-detail-collecte.on i.fa-heart-o{display: none;}
.news-detail-cnt{margin-top: 20px;}
.news-detail-cnt strong{display: inline-block; margin: 10px; padding: 0 20px; text-indent: 30px;}
.news-detail-cnt p{text-indent: 30px; line-height: 1.8; padding: 0 20px; margin: 10px;}
.news-img{margin: 10px 0;}
.news-img img{max-width: 100%;}
.news-detail-about{margin: 30px -20px 0; padding: 10px 20px; border-top: 1px solid #dedede;}
.news-detail-about a{color: #333; text-decoration: none;}
.news-detail-about a:hover{text-decoration: underline;}
.news-detail-related h3 span{display: inline-block; padding-left: 8px; position: relative;}
.news-detail-related h3 span:before{position: absolute; content: ''; width: 2px; height: 100%; top: 0; left: 0; background: #00a7d8;}
.news-related-list{margin-top: 15px;}
.news-related-list li{float: left; width: calc((100% - 180px)/3); margin: 3px 20px; }
.news-related-list li a{width: 100%; display: inline-block; color: #333; text-decoration: none; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.news-related-list li a:hover{text-decoration: underline;}
/*新闻列表*/
.news-list-left{float: left; width: calc(70% - 40px); margin-right: 20px; padding: 0 10px 10px;}
.news-list-right{position: fixed; top: 160px; right: calc((100% - 1200px)/2); width: 220px; padding: 20px; background: #dce8f0; border:1px solid #d2dfe8; border-radius: 8px; opacity: 0.9;}
.fixed-head .news-list-right{top: 140px;}
.news-list-item{padding:0 0 20px 0; border-bottom: 1px dotted #ccc;}
.news-list-item h3 a{text-decoration: none; color: #333;}
.news-list-item h3 a:hover{text-decoration: none; opacity: 0.85;}
.news-item-text{margin-top: 10px;}
.news-item-icon span{display: inline-block; margin-left: 10px;}
.news-item-icon span:hover{cursor: pointer;}
.news-item-icon span i{margin-right: 5px;}
.news-item-icon span.span-collecte i.fa-heart{display: none;}
.news-item-icon span.span-collecte.on i.fa-heart-o{display: none;}
.news-item-icon span.span-collecte.on i.fa-heart{display: inline-block; color: #ff0000;}
.news-item-detail .news-item-icon{margin: 20px 0;}
.news-item-button{margin-top: 20px;}
.news-item-button .btn{padding: 6px 25px; margin: 0;}
.news-list-rightitem{border:1px solid #ddd; border-radius: 3px; margin-bottom: 20px;}
.news-list-rightitem h4{margin: 0; padding: 10px; background: #eee;}
.news-list-rightitem h4 span{display: inline-block; padding-left: 8px; position: relative;}
.news-list-rightitem h4 span:before{position: absolute; content: ''; width: 2px; height: 100%; top: 0; left: 0; background: #00a7d8;}
.news-list-rightxt{padding: 5px 0 15px;}
.news-list-rightxt input[type='text']{float:left; padding: 2px 12px; width: calc(100% - 65px); border-radius: 4px 0 0 4px; border-right: 0;}
.news-search-btn{height: 40px; line-height: 40px; width: 40px; text-align: center; background: #54b9d1; color: #fff; border-radius: 0 4px 4px 0; float: left;}
.news-search-btn:hover{background: #47acc4;}
.news-list-rightxt li{padding: 8px 10px; border-bottom: 1px dotted #ccc;}
.news-list-rightxt li a{color: #333; text-decoration: none;}
.news-list-rightxt li:hover{background: #f2f2f2; cursor: pointer;}
.news-list-rightxt li:last-child{border-bottom: 0;}
.news-list-left .foot-paging{margin-top: 30px;}
.news-right-btn{text-align: center; padding-bottom: 10px; border-bottom: 1px dotted #ccc;}
.news-right-btn .btn{display: block; max-width: 100px; text-align: center; margin: 10px auto 15px;}
.news-right-classify{padding: 20px; color: #333;}
.news-right-classify h3{font-size: 16px; font-weight: 500; letter-spacing: 1px;}
.news-right-classify h3 i{display: inline-block; width: 32px; height: 21px; background: url(../images/list-icon.png) no-repeat; background-size: 100%; vertical-align: -5px; margin-right: 10px;}
.news-classify-ul{margin-top: 20px;}
.news-classify-ul li{margin-bottom: 20px; position: relative;}
.news-classify-ul li span{margin-left: 45px; font-size: 15px; letter-spacing: 0.8px;}
.news-classify-ul li i{margin-left: 50px;}
.news-classify-ul li a{color: #333; text-decoration: none;}
.news-classify-ul li a:hover span{text-decoration: underline;}
.news-classify-ul li:before{position: absolute; content: ''; width: 2px; background: #537092; height: 42px; left: 14px; top: 5px;}
.news-classify-ul li:after{position: absolute; content: ''; width: 10px; height: 10px; background: #eb9d38; border-radius: 10px; left: 10px; top:5px;}
.news-classify-ul li:nth-child(1):after{background: #eb9d38;}
.news-classify-ul li:nth-child(2):after{background: #e2d940;}
.news-classify-ul li:nth-child(3):after{background: #4cc7f1;}
.news-classify-ul li:nth-child(4):after{background: #6ad0b8;}
.news-classify-ul li:nth-child(4):before{display: none;}
.news-right-classify.news-classifybox{padding: 20px 0 20px 5px;}
.news-right-classify.news-classifybox .news-classify-ul li:nth-child(3):before{display: none;}
/*增值服务详情*/
.news-list-rightxt .btn:last-child{margin-left: 10px;}
.news-list-item.noborder{border: 0;}
.service-detail-title{font-size: 15px; font-weight: 600; margin-top: 25px;}
.service-detail-title span{display: inline-block; padding-left: 8px; position: relative;}
.service-detail-title span:before {position: absolute; content: ''; width: 2px; height: 100%; top: 0; left: 0; background: #00a7d8;}
.service-detail-infoul li{width: calc(100% - 20px); padding: 10px 10px;}
.service-detail-infoul li.infoul-name{width: calc(100% - 20px);}
.service-detail-infoul li label{display: inline-block; width: 80px; text-align: right; margin-right: 5px;}
.upload-icon-g{background: #2a9884;color: #fff;}
.upload-icon-b{background: #2ca0d8;color: #fff;}
.upload-icon-r{background: #b57d17;color: #fff;}

/*弹窗*/
.modal-open .modal{overflow-x: hidden; overflow-y: auto;}
.fade{opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear;}
.fade.in{opacity: 1;}
.modal{position: fixed; top: 50px; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0;}
.modal.fade .modal-dialog{-webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0,-25%); -ms-transform: translate(0,-25%); -o-transform: translate(0,-25%); transform: translate(0,-25%);}
.modal.in .modal-dialog{-webkit-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0);}
.modal-dialog{position: relative; width: auto; margin: 10px;}
.modal-content{position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5);}
.modal-header{padding: 15px; border-bottom: 1px solid #eee;}
.modal-header .close{margin-top: -2px;}
.close:focus, .close:hover{color: inherit; opacity: 1;}
button.close{-webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0;}
.close{float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2;}
button{outline: none;}
.modal-title{margin: 0; line-height: 1.42857143; font-size: 16px;}
.modal-body{position: relative; padding: 15px;}
.modal-footer{padding: 15px; text-align: center; border-top: 1px solid #eee;}
.modal-backdrop{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000;}
.modal-backdrop.fade{filter: alpha(opacity=0); opacity: 0;}
.modal-backdrop.in{filter: alpha(opacity=50); opacity: .5;}
.modal-icon{text-align: center;}
.modal-icon i{display: inline-block; width: 64px; height: 64px;}
.modal-icon.success i{background: url(../images/success.png) no-repeat; background-size: 100%;}
.modal-icon.error i{background: url(../images/error.png) no-repeat; background-size: 100%;}
.modal-icon.warning i{background: url(../images/warning.png) no-repeat; background-size: 100%;}
/*确认页面*/
.confirm-box{padding: 30px; min-height: calc(100vh - 337px);}
.confirm-box-head{text-align: center;}
.confirm-lefticon{display: inline-block; width: 90px; height: 90px; line-height: 90px; border-radius: 90px; color: #fff; text-align: center; background: #30a030;}
.confirm-lefticon.red{background: #d81717;}
.confirm-lefticon i{font-size: 50px; margin-top: 20px;}
.confirm-rightcng{display: inline-block; margin-left: 20px; vertical-align: top; text-align: left;}
.confirm-rightcng h3{font-size: 24px; letter-spacing: 0; font-weight: 500; color: #000; margin: 12px 0;}
.confirm-rightcng h3 span{color: #30a030;}
.confirm-rightcng p a{color: #00a7d8; text-decoration: none;}
.confirm-rightcng p a:hover{text-decoration: underline;}
.confirm-box-cnt{margin-top: 50px;}
.confirm-box-cnt .section4-title{font-size: 18px;}
.confirm-box-cnt .section4-title:after{top: 35px;}
/*产品中心*/
.product_itembox{margin: 20px 0;}
.product_itemtitle{position: relative; font-size: 18px; font-weight: 600; text-align: center; letter-spacing: 1px;}
.product_itemtitle:before{position: absolute; content: ''; width: 250px; height: 2px; background: #29a394; left: 50%; margin-left: -125px; top: 40px;}
.product_itemtitle:after{position: absolute; content: ''; width: 30px; height: 30px; left: 50%; margin-left: -15px; top: 25px;}
.product_itemtitle.green:before{background: #29a394;}
.product_itemtitle.green:after{background: url(../images/title_icon1.png) no-repeat; background-size: 100%;}
.product_itemtitle.blue:before{background: #3c85e0;}
.product_itemtitle.blue:after{background: url(../images/title_icon2.png) no-repeat; background-size: 100%;}
.product_itemtitle.yellow:before{background: #cbac68;}
.product_itemtitle.yellow:after{background: url(../images/title_icon3.png) no-repeat; background-size: 100%;}
.product_itemdetail{margin-top: 50px;}
.product_itemdetail li{display: inline-block; width: calc((100% - 65px)/2); margin: 15px;}
.product_itemdetail .box-hover a{display: block; position: relative;}
.product_itemdetail .box-hover a img{width: 100%; display: block; transform-style: preserve-3d;}
.product_itemdetail .box-hover > a:after {background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0; border: 1px solid rgba(255, 255, 255, 0.5); bottom: 0; content: ""; left: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; right: 0; top: 0; -webkit-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;}
.product_itemdetail li:hover .box-hover > a:after {bottom: 20px; left: 20px; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; right: 20px; top: 20px;}
.product_itemdetail li:hover .box-hover ~.blog_text .blog_text_tit{color: #14b1bb;}
.product_itemitbox .product_itemdetail li:hover .box-hover ~.blog_text .blog_text_tit{color: #ab8e4f;}
.product_itemdetail .blog-image1{border-bottom: 3px solid #14b1bb;}
.product_itemdetail .blog-image2{border-bottom: 3px solid #ab8e4f;}
.product_itemdetail .blog_text_tit{font-size: 16px; text-align: center; margin-bottom: 15px; color: #333; font-weight: 600; margin: 15px 0; display: block; text-decoration: none;}
.product_itemdetail .blog_text_tit:hover{text-decoration: none;}
.product_itemdetail .blog_text{padding: 0 10px; height: 110px; overflow: hidden;}
.product_itemdetail .blog_text p{line-height: 20px;}
/*常见问题*/
.section-menu{padding: 5px 0; background: #ebebeb;}
body.fixed-body .section-menu{position: fixed; top: 90px; width: 100%; left: 0; height: 50px; z-index: 1500;}
.menu-left-tit{position: relative; display: inline-block; padding-right: 30px; color: #51aeb9; font-weight: 600; font-size: 14px; letter-spacing: 0.2px;}
.menu-left-tit:after{position: absolute; content: ''; width: 1px; height: 60px; background: #ccc; top: -22px; right: 0;}
.section-menu-ul{display: inline-block; margin-left: 20px;}
.section-menu li{color: #000; font-size: 14px; letter-spacing: 0.2px; display: inline-block; margin: 0 10px;}
.section-menu li a{color: #000; text-decoration: none; display: block; padding: 15px;}
.section-menu li a:hover{color: #fff;}
.section-menu li:hover{background: #51aeb9; color: #fff; border-radius: 3px; cursor: pointer;}
.section-menu li:hover a{color: #fff;}
.section-menu li.active{background: #51aeb9; color: #fff; border-radius: 3px;}
.section-menu li.active a{color: #fff;}
.section-menu li i{margin-right: 4px; display: inline-block; vertical-align: -2px;}
.section-menu li i.menu-icon2{width: 15px; height: 14px; background: url(../images/menu_icon2.png) no-repeat; background-size: 100%;}
.section-menu li i.menu-icon3{width: 15px; height: 14px; background: url(../images/menu_icon3.png) no-repeat; background-size: 100%;}
.section-menu li i.menu-icon4{width: 14px; height: 14px; background: url(../images/menu_icon4.png) no-repeat; background-size: 100%;}
.section-menu li i.menu-icon5{width: 14px; height: 14px; background: url(../images/menu_icon5.png) no-repeat; background-size: 100%;}
.section-menu li i.menu-icon6{width: 14px; height: 14px; background: url(../images/menu_icon6.png) no-repeat; background-size: 100%;}
.section-menu li.active i.menu-icon2,.section-menu li:hover i.menu-icon2{width: 15px; height: 14px; background: url(../images/menu_icon2_active.png) no-repeat; background-size: 100%;}
.section-menu li.active i.menu-icon3,.section-menu li:hover i.menu-icon3{width: 15px; height: 14px; background: url(../images/menu_icon3_active.png) no-repeat; background-size: 100%;}
.section-menu li.active i.menu-icon4,.section-menu li:hover i.menu-icon4{width: 14px; height: 14px; background: url(../images/menu_icon4_active.png) no-repeat; background-size: 100%;}
.section-menu li.active i.menu-icon5,.section-menu li:hover i.menu-icon5{width: 14px; height: 14px; background: url(../images/menu_icon5_active.png) no-repeat; background-size: 100%;}
.section-menu li.active i.menu-icon6,.section-menu li:hover i.menu-icon6{width: 14px; height: 14px; background: url(../images/menu_icon6_active.png) no-repeat; background-size: 100%;}
.problem-tab{padding: 20px 0; border-bottom: 1px solid #ddd;}
body.fixed-body .problem-tab{padding-top: 30px;}
.problem-tab li{display: inline-block; margin-right: 40px;}
.problem-tab li a{position: relative; color: #333; text-decoration: none;}
.problem-tab li:last-child{margin-right: 0;}
.problem-tab li a:after{position: absolute; content: ''; width: 0%; height: 2px; background: #51aeb9; bottom: -5px; left: 0px; transition: .3s all ease-in-out;}
.problem-tab li a:hover:after,.problem-tab li.active a:after{width: 80%;}
.problem-tab li.active a{color: #51aeb9;}
.problem-tab li a:hover{cursor: pointer; color: #51aeb9;}
.problem-trialitem{padding:20px; border-bottom: 1px dotted #dedede;}
.problem-trialitem .problem-icon{display: inline-block; width: 40px; height: 40px; border-radius: 2px; background: url(../images/problem_icon.png) no-repeat; background-size: 100%;}
.problem-itemcnt{display: inline-block; vertical-align: top; width: calc(100% - 55px); margin-left: 10px;}
.problem-itemcnt h3{margin-top: 12px; font-size: 14px;}
.problem-itemcnt h3 a{color: #333; text-decoration: none;}
.problem-itemcnt h3 a:hover{color: #51aeb9;}
.problem-itemcnt p{font-size: 13px; line-height: 22px;}
.problem-container .problem-trialitem:last-child{border-bottom: 0;}
.problem-rightbox{position: fixed; left: calc((100% - 1200px)/2 + 1220px);; top: 205px; z-index: 10; }
.problem-rightop{width: 90px; padding: 15px 10px; border-radius: 5px; background: #a2a9c8; font-size: 18px;}
.problem-rightop .problem-righticon{position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; border-radius: 36px; line-height: 36px; text-align: center; background: #a2a9c8; color: #fff; border:2px solid #fff;}
.problem-rightbox .rightfloat{display: block; line-height: 34px; font-size: 13px; text-align: center;}
.problem-rightop .rightfloat{color: #fff; text-decoration: none;}
.problem-rightop .rightfloat:hover{color: #a8f0f9; text-decoration: none;}
.problem-rightbot{width: 90px; padding: 15px 10px; border-radius: 5px; background: #ebebeb; margin-top: 2px;}
.problem-rightbot .rightfloat{color: #333; text-decoration: none;}
.problem-rightbot .rightfloat:hover{color: #51aeb9; text-decoration: none;}
.version-section.newbox .section4-title{padding-top: 30px;}
.problem-cntbox{background: #fff;}
.error-itembox{width: 400px; margin: 150px 0; float: right;}
.error-itembox h1{font-size: 24px; letter-spacing: 1px; color: #fff; font-weight: 500; margin-bottom: 30px;}
.error-itembox p{font-size: 16px; margin-bottom: 15px; color: #d1cfe6; letter-spacing: 1px;}
.error-btnbox{margin-top: 30px;}
.errorbtn{display: inline-block; padding: 6px 20px; border-radius: 3px; color: #fff; text-decoration: none; font-size: 14px;}
.errorbtn:hover{cursor: pointer; opacity: 0.85;}
.errorbtn.yellow{background: #f19c38;}
.errorbtn.blue{background: #54b9d1;}
/*error页面*/
.product-errorbox{width: 100%;background: #121c3a;}
.error-cnt{background: url(../images/404-bg.png) no-repeat; background-size: 70%; background-position: 70px -80px;}
.problem-rightbox.new-rightbox-top{top:500px;}
.section4-title.pt20{padding-top: 20px;}
.section4-title.pt20:after{top: 60px;}
/*云端百货*/
body{padding-right: 0px !important; } 
.breadcrumb_item .breadcrumb-yun{background: #fcfcfc; border-bottom: 1px solid #eee; padding-bottom: 20px;}
.breadcrumb-icon{float: right; }
.breadcrumb-icon:hover{cursor: pointer;}
.breadcrumb-more{padding: 15px;}
.breadcrumb-more span{line-height: 29.75px;}
.breadcrumb-moreitem{background: #ebebeb; margin: -15px 0; padding: 10px;font-weight: 600;}
.breadcrumb_item .breadcrumb-more .breadcrumb-span{padding-right: 10px; border-right: 1px solid #ccc;}
.breadcrumb_item .breadcrumb-more .breadcrumb-span a{text-decoration: none; color: #f2610f;}
.breadcrumb_item .breadcrumb-more .breadcrumb-span a:hover{text-decoration: underline;}
.btn-pill{display: inline-block; font-weight: 400; color: #23282c; text-align: center; text-decoration: none; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.25rem;}
.pill-circle{border-radius: 20px;}
.btn-outline-danger{color: #f2610f; border-color: #f2610f;}
.btn-outline-danger:hover{background-color: #f2610f; color: #fff;}
.breadcrumb-icon.on .fa-chevron-down:before{content: "\f077";}
.soft-tablehead{padding: 10px; background: #fefefe; border: 1px solid #e7eaec; border-bottom: 0; border-radius: 2px 2px 0 0;}
.soft-tabletit{font-size: 16px; font-weight: 600; margin-right: 10px; line-height: 40px;}
.soft-section{background: #fff;}
.font-num{font-style: normal; font-size: 17px; color: #5a9fff; font-weight: 600; vertical-align: -1px;}
.tablebox-search{position: relative; display: inline-block; margin-right: 5px;}
.tablebox-search i{position: absolute; right: 12px; top: 14px; font-size: 15px; color: #ccc;}
.tablebox-search .input-tabsearch{width: 220px; padding: 2px 12px; border-radius: 2px;}
.table-serbtn{border: 1px solid #ccc; width: 18px; height: 18px; line-height: 18px; display: inline-block; text-align: center; font-size: 14px; color: #333;}
.table-serbtn.disabled{background: #eee; color: #ccc;}
.table-serbtn:hover{background: #ddd;}
.table-serbtn.disabled:hover{background: #eee; color: #ccc; cursor: default;}
.tablebox-searchpage{display: inline-block;}
.soft-tabletxt{line-height: 40px;}
.soft-tablebox{min-width: 100%; overflow-x: auto;}
.soft-tablebox .table { width: 100%; border: 1px solid #e7eaec; border-spacing: 0; border-collapse: collapse;}
.soft-tablebox .sep-row { height: 20px;}
.soft-tablebox .tablebox-cnt .tr-th { background: #f5f5f5; overflow: hidden;}
.soft-tablebox table.table tr:nth-child(2n) { background: #f9f9f9;}
.soft-tablebox .tablebox-cnt .tr-th-split td{border-bottom: none; text-align: left;}
.soft-tablebox table.table tr td{border: 1px solid #e7eaec; border-left: 0; border-bottom: 0; padding: 9px 10px; text-align: center; font-size: 12px;}
.soft-tablebox table.table tr td:last-child{border-right: 0;}
.soft-tablebox .goods-item{width: 100%; margin-right: 74px; display: block; float: left;}
.soft-tablebox .goods-item .p-img{float: left; width: 135px; height: 135px; border: 1px solid #efefef; margin: 0 14px; display: inline; overflow: hidden;}
.soft-tablebox .goods-item .p-msg{width: calc(100% - 165px); float: left;}
.soft-tablebox .goods-item .p-name{height: 36px; line-height: 18px; overflow: hidden; color: #333; text-align: left; font-size: 13px; margin-top: 8px;}
.soft-tablebox .goods-item .p-name a{color: #333;}
.soft-tablebox .goods-item .p-name a:hover{color: #54b8d1;}
.soft-productbox .soft-tablebox .tr-th-split td{border-bottom: none; text-align: left;}
.soft-tablebox .tablebtn-down{width: 140px;}
.soft-tablebox .goods-item .p-extra,.commodity-detail .p-extra{color: #696969; text-align: left; margin-bottom: 5px;}
.soft-tablebox td .dealtime{font-size: 15px; margin-right: 25px; text-decoration: none; color: #2f4c9e;font-weight: 600;}
.soft-tablebox td .dealtime:hover{color: #617cca; cursor: pointer;}
.soft-tablebox td .number em{font-style: normal; color: #f2610f; margin: 0 2px;    font-size: 14px;font-weight: 600;}
.soft-tablebox .goods-item .p-name a{color: #333; text-decoration: none;}
.soft-tablebox .span-labelitem,.commodity-detail .span-labelitem{display: inline-block; padding: 2px 5px; border:1px solid #54b8d1;    color: #54b8d1; border-radius: 5px; margin: 0 4px;}
.span-labelitem.orange{border:1px solid #f2610f; color: #f2610f}
.soft-tablebox .p-extra i:hover,.commodity-detail .p-extra i:hover{cursor: pointer; opacity: 0.8;}
.btn-pill.btn-blue{color: #fff; border-color: #54b9d1; background-color: #54b9d1;}
.btn-pill.btn-blue:hover{background-color: #47acc4; color: #fff;}
.breadcrumb-moreitem span a{color: #387bc6; text-decoration: none;}
.breadcrumb-moreitem span a:hover{opacity: 0.85;}
.btn-primary{ color: #fff; background-color: #54b9d1; border-color: #54b9d1;}
.btn-primary:hover{background-color: #47acc4; border-color: #47acc4;}
.text-left{text-align: left;}
.alert-text{margin-top: 30px; padding: 0 15px;}
.btn-pill.disabled{background: #ddd; border-color: #ddd; color: #fff;}
.btn-pill.disabled:hover{background: #ddd; border-color: #ddd; cursor:not-allowed; color: #fff;}
/*商品详情*/
.commodity-detail{border:1px solid #eee; background: #fafafa; }
.commodity-head-left{float: left; width: calc(100% - 251px); border-right: 1px solid #eee; padding: 15px 25px; background: #fff;}
.commodity-head-left h3{margin: 10px 0; padding: 0; font-size: 15px; letter-spacing: 0.5px; color: #2f4c9e; font-weight: 600;}
.commodity-head-right{padding: 15px; width: 170px; float: right;}
.commodity-downscore{margin: 15px 0;}
.commodity-downscore span{color: #f2610f; font-size: 17px; font-weight: 600; margin: 0 2px;}
.commodity-downbtn{position: absolute; bottom: 50px; right: 25px;}
.commodity-downbtn i{font-size: 24px;}
.commodity-extraicon em{font-style: normal; margin: 0 8px;}
.commodity-extraicon em i{margin-right: 3px;}
.navbox-tab{margin-top: 10px;}
.navbox-tab .tab-nav{border-bottom: 1px solid #e7eaec;}
.navbox-tab .tab-nav li{display: inline-block; margin-right: 5px; min-width: 100px; height: 40px; line-height: 40px; padding: 0 20px; border: 1px solid #e7eaec; border-bottom: 0; border-radius: 5px 5px 0 0; text-align: center; }
.navbox-tab .tab-nav li:hover{cursor: pointer; color: #54b9d1;}
.navbox-tab .tab-nav li.active{border-top:3px solid #54b9d1;}
.navbox-tab .tab-cnt{border:1px solid #e7eaec; border-top: 0; padding: 20px 30px;  }
.commodity-morebox{margin-top: 20px;}
.consultation-time{margin-left: 30px;}
.qa-font{font-size: 14px;color: #333;font-weight: 600; display: inline-block; vertical-align: top; width: calc(100% - 100px);}
.answer-font{display: inline-block; vertical-align: top; width: calc(100% - 100px); line-height: 20px;}
.consultation-ul li{padding: 10px 0; border-bottom: 1px dotted #ddd; position: relative;}
.consultation-ul li p{margin: 10px 0;}
.consultation-ul li p i{font-size: 20px; margin-right: 5px; vertical-align: -2px;color: #54b9d1;}
.consulatation-moreitem{text-align: center; margin-top: 15px;}
.consulatation-moreitem i{font-size: 22px; color: #aaa;}
.consulatation-moreitem p a{text-decoration: none; color: #387bc6;}
.consulatation-moreitem p a:hover{text-decoration: none; color: #387bc6; opacity: .85;}
.productleft-listitem{position: fixed; left: calc((100% - 1200px)/2 + 1220px); top: 218px; z-index: 10; border-radius: 5px;min-height: calc(100vh - 410px); overflow-y: auto; }
.productleft-listleft{width: 35px; text-align: center; float: left; height: 100%;}
.productleft-open{padding: 15px 0; }
.productleft-open.active{background: #fff; border-bottom: 1px dotted #ddd; border-top: 1px dotted #ddd;}
.productleft-open:hover{background: #fff; cursor: pointer;}
.listleft-title{width: 20px; text-align: center; line-height: 1.5; margin: 5px auto 10px; font-weight: 600;}
.listleft-icon{font-size: 16px; color:#54b8d1;}
.second_listul{display: none;}
.productleft_listul{width: 160px; text-align: left; background: #eee; height: 100%;}
.productleft-listitem.open{right: 120px; transition: all ease .5s;}
.productleft_listul li.active .second_listul{display: block;}
.productleft_listul li i{margin-right: 5px;}
.productleft_listul li a{text-decoration: none; background: #f5f5f5; color: #333; display: block; border-bottom: 1px solid #ddd; padding: 8px 8px 8px 12px;}
.productleft_listul li a:hover{cursor: pointer; background: #efefef;}
.productleft_listul li .second_listul li a{padding-left: 36px; display: inline-block; width: 118px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: top;}
.soft-section.commodity-fixed .commodity-downbtn{position: fixed; top: -11px; left: calc(((100% - 1200px)/2) + 1200px);; z-index: 900; margin-left: -180px; width: 180px;}
.soft-section.commodity-fixed .tab-nav{position: fixed; top: 0; left: 50%; z-index: 800; margin-left: -600px; width: 1200px!important; background: #fff;}
.soft-section.commodity-fixed .biger-btn{padding: 10px 44px; margin-right: 0; border-radius: 0; font-size: 15px;}
.soft-section.commodity-fixed .btn-downnum{display: none;}
.commodity-tips-title{font-size: 14px;font-weight: 600; color: #4b6cce;}
.commodity-tips{font-size: 12px; line-height: 2.0;color: #4b6cce;}
.consulatation-no-data{padding: 50px; text-align: center;}
.consulatation-no-data p{margin-top: 10px; font-size: 15px;}
.consulation-zan{position: absolute; right: 20px; top: 20px; }
.consulation-zan i{margin-right: 5px; font-size: 18px;}
.consulation-zan i:hover{color: #999; cursor: pointer;}
.scroll-top{z-index: 1999;}
.product-infoname{margin-bottom: 5px;}
.product-infotxt{padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #eee; color: #f2610e;}
.product-allprice{text-align: right; float: right; width: 200px;}
.product-allprice span{font-weight: 600; font-size: 16px; color: #f2610f; margin: 0 3px;}
.product-chooseyear{float: left; width: calc(100% - 210px); margin-right: 10px;}
.gw_num{border: 1px solid #dbdbdb; width: auto;line-height: 26px; overflow: hidden; display: inline-block; border-radius: 3px; vertical-align: top; margin: 0 3px;}
.gw_num em{display: block; height: 26px; width: 26px; font-style: normal; float: left; color: #7A7979; border-right: 1px solid #dbdbdb; text-align: center; cursor: pointer; font-size: 16px;}
.gw_num em:hover{cursor: pointer; opacity: 0.8;}
.gw_num .num{display: block; float: left;text-align: center; width: 45px;font-style: normal; font-size: 14px; line-height: 24px;border: 0;}
.gw_num em.add{float: right; border-right: 0; border-left: 1px solid #dbdbdb;}
.product-chooseyear span{line-height: 28px;}
.exchange-pwd{display: inline-block; width: 150px; height: 25px; padding: 4px 10px; vertical-align: 1px; margin-right: 2px;}
input::-webkit-input-placeholder { color: #ccc;}
input::-moz-placeholder { color: #ccc;}
input:-ms-input-placeholder { color: #ccc;}
input:-moz-placeholder { color: #ccc;}
.exchange-rule i{font-size: 18px; margin-right: 3px; vertical-align: -1px;}
.exchange-ruletip{display: none;position: absolute; width: 280px; padding-left: 10px; right: -291px; bottom: -15px;}
.exchange-ruletipbox{background: #fff; padding: 15px; border: 1px solid #eee; border-radius: 15px; text-align: left;}
.exchange-ruletipbox p{line-height: 1.6;}
.exchange-ruletipbox h3{margin: 5px 0 10px 0;}
.exchange-tipmore{text-align: right;}
.exchange-tipmore a{color: #387bc6; text-decoration: none;}
.exchange-tipmore a:hover{opacity: 0.85;} 
.exchange-ruletipbox:before{position: absolute; content: ''; width: 0; height: 0; left: -10px; bottom: 23px; border-bottom: 9px solid transparent; border-top: 9px solid transparent; border-right: 10px solid #fff; z-index: 20;}
.exchange-ruletipbox:after{position: absolute; content: ''; width: 0; height: 0; left: -11px; bottom: 21px; border-bottom: 11px solid transparent; border-top: 11px solid transparent; border-right: 11px solid #eee;}
.exchange-rule:hover{cursor: pointer;}
.exchange-rule:hover .exchange-ruletip{display: block;}
.btn-default{color: #fff; background-color: #98a4b6; border-color: #98a4b6;}
.btn-default:hover{background: #8894a5;}
.share-tipbox{position: absolute; top: 15px; right: -50px; padding-top: 10px; display: none;}
.commodity-share:hover{cursor: pointer;}
.commodity-share:hover .share-tipbox{display: block;}
.share-tipitem{padding: 10px 10px 0 10px; background: #fff; width: 120px; box-shadow: 0px 0px 2px #c8c9c9; position: relative;}
.share-tipitem:before{position: absolute; content: ''; width: 0; height: 0; left: 63px; top: -7px; border-right: 5px solid transparent; border-left: 5px solid transparent; border-bottom: 7px solid #fff; z-index: 20;}
.share-tipitem:after{position: absolute; content: ''; width: 0; height: 0; left: 61px; top: -8px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 8px solid #eee;}
.share-tipitem p{line-height: 2; margin-bottom: 5px;}
.share-tipitem p img{width: 100%;}
.share-tipitem p a{text-decoration: none; color: #333;}
.share-tipitem p a:hover{color: #00a7d8;}
.share-tipitem p i{margin-right: 8px;}
.share-tipitem p i.orange{color: #f2610f;}
.share-tipitem p i.blue{color: #7fd33d;}
.form-control{border: 1px solid #e5e6e7;}
.form-control:focus{border-color: #1ab394; color: #495057; outline: 0;}
.biger-btn{padding: 10px 60px; font-size: 18px;}
.modal-footer.text-left{text-align: left;}
.exchange-rule{height: 35px; line-height: 35px; margin-top: 10px;}
.modal-footer .big-btn.btn-blue{vertical-align: top; margin: 0 5px; padding: 10px 40px; font-size: 14px;}
.modal-footer .btn-link{color: #00a7d8; line-height: 39px; text-decoration: none;}
.modal-footer .btn-link:hover{text-decoration: underline;}
.commodity-extraicon em:hover{cursor: pointer; opacity: 0.85;}
.modal-body .online-textarea{margin-bottom: 10px;}
.modal-body .online-textarea textarea{height: 200px;}
.first-lilist.active .lilist-link{background: #dedede;    padding: 8px 8px 8px 12px;}
.productleft-iconbtn{display: inline-block; padding: 0 6px; background: #d7d7d7; position: absolute; right: 10px; top: 8px; font-size: 12px; color: #222; border-radius: 2px;}
.productleft-iconbtn:hover{cursor: pointer; opacity: 0.8;}
.productleft-openhover{display: none; position: absolute; top: 8px; left: -85px; width: 85px; height: 30px; color: #fff; font-size: 12px; letter-spacing: 1px; line-height: 30px; text-align: center; background: #54b8d1; -webkit-animation: leftFadeIn .3s ease-out; -moz-animation: leftFadeIn .3s ease-out; animation: leftFadeIn .3s ease-out;}
.productleft-openhover:after{position: absolute; content: ''; right: -6px; top: 10px; border-bottom: 6px solid transparent; border-top: 6px solid transparent; border-left: 6px solid #54b8d1;}
.productleft-open:hover .productleft-openhover{display: block;}
.commodity-downbtn .biger-btn{padding: 23px 60px;}
/*.soft-section.commodity-fixed .productleft-listitem.open{position: fixed; top: 0; right: 120px; height: 100%; z-index: 910;}*/
/*.soft-section.commodity-fixed .productleft-listitem.open .productleft_listulitem{margin-top: 0!important;}
.soft-section.commodity-fixed .productleft-listitem.open .productleft-open{margin-top: 0!important;}*/
@keyframes leftFadeIn{
	0%{opacity:0;-webkit-transform:translateX(-10px)}
	100%{opacity:1;-webkit-transform:translateX(0)}
}
@-webkit-keyframes leftFadeIn{
	0%{opacity:0;-webkit-transform:translateX(-10px)}
	100%{opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes leftFadeIn{
	0%{opacity:0;-moz-transform:translateX(-10px)}
	100%{opacity:1;-moz-transform:translateX(0)}
}
@-ms-keyframes leftFadeIn{
	0%{opacity:0;-moz-transform:translateX(-10px)}
	100%{opacity:1;-moz-transform:translateX(0)}
}
.detail-share{display: inline-block; line-height: 20px; margin-right: 10px;}
.detail-share span i:hover{cursor: pointer; opacity: 0.8;}
.btn-downnum{font-size: 13px; margin-top: 8px;}
/*商品下载*/
.soft-section .table{width: 100%; border: 1px solid #e7eaec; border-spacing: 0; border-collapse: collapse; }
.soft-section table.table thead tr{background: #f5f5f5;}
.soft-section table.table thead th{position: relative;}
.soft-section table.table thead th .fa{display: none; position: absolute; right: 10px; top: 50%; margin-top: -7px; font-size: 10px; -webkit-transform:scale(0.8);}
.soft-section table.table thead th .fa.fa-sort{display: none;}
.soft-section table.table thead th .fa.fa-sort-up{display: none;}
.soft-section table.table thead th .fa.fa-sort-down{display: none;}
.soft-section table.table thead th.head .fa.fa-sort{display: inline-block;}
.soft-section table.table thead th.head.sorting-asc .fa.fa-sort{display: none;}
.soft-section table.table thead th.head.sorting-asc .fa.fa-sort-up{display: inline-block; }
.soft-section table.table thead th.head.sorting-desc .fa.fa-sort-down{display: inline-block; }
.soft-section table.table thead th.head.sorting-desc .fa.fa-sort{display: none; }
.soft-section table.table thead th .fa:hover{cursor: pointer;}
.soft-section table.table th{font-weight: 600; font-size: 13px; border-right: 1px solid #e7eaec; padding: 10px;}
.soft-section table.table th:last-child{border-right: 0;}
.soft-section table.table tr td{border: 1px solid #e7eaec; border-left: 0; border-bottom: 0; padding: 9px 10px; text-align: center; font-size: 12px;}
.soft-section table.table tr td:last-child{border-right: 0;}
.soft-section table.table tr:nth-child(2n){background: #f9f9f9;}
.soft-section .table-btn{text-align: center; display: block; padding: 0; height: auto; line-height: 1; min-width: 55px; border: none; color: #333; font-size: 14px; border-radius: 0; }
.soft-section .table-btn:hover{box-shadow: none;}
.soft-section .table-btn .btn{display: inline-block; padding: 2px 10px 0; height: 20px; line-height: 20px; min-width: 25px; margin: 2px; border: 1px solid #54b9d1; color: #54b9d1; text-decoration: none; font-size: 12px; border-radius: 2px;}
.soft-section .table-btn .btn.btn-edit{border: 1px solid #54b9d1; color: #54b9d1;}
.soft-section .table-btn .btn.btn-edit:hover{box-shadow: inset 0 -2px 0 0 #54b9d1;}
.soft-section .table-btn .btn.btn-enables{border: 1px solid #98a4b6; color: #98a4b6;}
.soft-section .table-btn .btn.btn-enables:hover{box-shadow: inset 0 -2px 0 0 #98a4b6;}
.soft-section .table-btn .btn.btn-add{border: 1px solid #57b89d; color: #57b89d;}
.soft-section .table-btn .btn.btn-add:hover{box-shadow: inset 0 -2px 0 0 #57b89d;}
.soft-section .table-btn .btn.btn-del{border: 1px solid #98a4b6; color: #98a4b6;}
.soft-section .table-btn .btn.btn-del:hover{box-shadow: inset 0 -2px 0 0 #98a4b6;}
.soft-section .admin-tablebox{margin-top: 0;}
.downloading-box{text-align: center; padding: 20px 0; border-top: 1px solid #dedede; margin-top: 25px;}
.soft-section .download-tipbox{margin:20px 0px; }
.soft-section .tablebox-cnt .download-tiptitle{margin: 10px 0 30px;}

/*在线反馈*/
.online-box{width: 870px; margin: 40px auto 0;}
.online-codebox{display: inline-block; vertical-align: top;}
.online-codebox label{height: 39px; line-height: 39px; display: inline-block; vertical-align: top;}
.online-codeinput{display: inline-block; width: 100px; height: 25px; vertical-align: top;}
.online-codebox .input-right{width: auto; height: 39px;}
.online-name{display: inline-block; padding: 5px 10px; border-radius: 5px; background: #e5e5e5;}
/*会员权益*/
.member-eqityhead{margin-top: -20px; background: #f8f8f9; padding: 20px; border-bottom: 1px solid #eee;}
.member-eqityhead img{width: 55px;}
.eqityhead-title{font-size: 16px; margin: 10px auto 20px;}
.member-equitybox{width: 1020px; margin: 10px auto;}
.member-equitybox .member-equitybox-item{float: left; width: calc((100% - 120px)/2); margin:30px;}
.equitybox-itemicon{width: 90px; height: 90px; border-radius: 90px; border: 5px solid #ddd; margin: 0 auto; line-height: 90px;}
.equitybox-itemicon.color1{border: 5px solid #618cae;}
.equitybox-itemicon.color2{border: 5px solid #cad4d7;}
.equitybox-itemicon.color3{border: 5px solid #2e93df;}
.equitybox-itemicon.color4{border: 5px solid #7673de;}
.equitybox-itemicon.color1 img{width: 50px; margin-top: 22px;}
.equitybox-itemicon.color2 img{width: 50px; margin-top: 23px;}
.equitybox-itemicon.color3 img{width: 40px; margin-top: 18px;}
.equitybox-itemicon.color4 img{width: 50px; margin-top: 24px;}
.equitybox-itemtit{text-align: center; font-size: 16px; letter-spacing: 1px; padding-bottom: 10px; border-bottom: 1px solid #dedede; margin-bottom: 12px;}
.equitybox-itemtit.color1{color: #618cae;}
.equitybox-itemtit.color2{color: #cad4d7;}
.equitybox-itemtit.color3{color: #2e93df;}
.equitybox-itemtit.color4{color: #7673de;}
.equitybox-itemboxtit{font-weight: 600; font-size: 14px;}
.equitybox-itemboxtit.color1{color: #618cae;}
.equitybox-itemboxtit.color2{color: #cad4d7;}
.equitybox-itemboxtit.color3{color: #2e93df;}
.equitybox-itemboxtit.color4{color: #7673de;}
.member-equitybox-item p{line-height: 1.6;}
@media (min-width: 769px){
	.container {width: 750px;}
	.navbar-header{margin-right: 0; margin-left: 0; float: none;}    
	.navbar-collapse.collapse{flex-basis: auto; display: flex !important;}
	.navbar-nav{float: left; margin: 0;}
	.navbar-nav > li{float: left;}
	.navbar-toggle{display: none;}
	.navbar-right{float: right!important;}
	.navbar-collapse .navbar-nav{flex-direction: row; width: calc(100% - 200px);}
	.dropdown-menu{position: absolute;}
	.modal-dialog{width: 600px; margin: 30px auto;}
	.modal-content{-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); box-shadow: 0 5px 15px rgba(0,0,0,.5);}
	.modal-sm{width: 300px;}
}
@media (min-width: 992px){
	.container {width: 970px;}
	.navbar-header{margin-right: 30px; float: left;}
	.navbar-nav{float: left;}
}
@media (min-width: 1200px){
	.container {width: 1170px;}
	
}
@media (min-width: 1280px){
	.container {width: 1200px;}
}
@media (max-width: 1505px){
	.container.problem-container{margin-right: 0; margin-left: 40px;}
	.problem-rightbox{left: 1270px;}
	.productleft-listitem{left: 1270px;}
}


@media (max-width: 1420px){
	.container.problem-container{margin-right: 0; margin-left: 10px; width: 1080px;}
	.problem-rightbox{left: 1120px;}
	.productleft-listitem{left: 1110px;}
}
@media (max-width: 1320px){
	.container.problem-smcontainer{margin-right: 0; margin-left: 40px; width: 1000px;}
	.productleft-listitem{left: 1070px;}
}
@media (max-width: 1200px){
	.navbar-collapse .navbar-nav li a{padding: 0px 5px 0 0;}
	.trial-formul li .form-control{width: 200px;}
	.trial-formul li .city-select .form-control{width: 106px;}
	.trial-checkboxs{width: calc(100% - 216px);}
	.trail-applytxt .trial-code{width: 120px;}
	.trial-formul li .form-control.trial-textarea{width: calc(100% - 241px)}
	.news-list-right{right: calc((100% - 970px)/2);}
	.container.problem-container{width: auto; padding-right: 135px;}
	.problem-rightbox{left: auto; right: 20px}
	.productleft-listitem{left: auto; right: 20px}
	.navbar-nav li em{margin: 0 3px 0 5px;}
	.navbar-header{margin-right: 20px;}
	.error-cnt{background-size: 67%; background-position: 93px -50px;}
}
@media (max-width: 1000px){
	.hidden-md{display: none!important;}
	.trial-formul li{float: none; width: 100%;}
	.trial-formul li .form-control{width: calc(100% - 45px);}
	.trial-formul li:nth-child(2n){margin-left: 0;}
	.trial-formul li .city-select .form-control{width: 143px;}
	.trail-applytxt .trial-code{width: 120px;}
	.news-list-right{right: calc((100% - 750px)/2);}
	.section1-rightimg{float: right; width: calc(100% - 420px); max-width: 550px;}
	.section1-leftitem{float: left; width: 400px; text-align: left; margin-left: 20px; }
	.section1-rightimg img{margin: -35px auto 0;}
	.server-itemicon1{width: 30px; left: calc((100% - 30px)/2); top:50px;}
	.server-itemicon2{width: 30px; left: calc((100% - 30px)/2); top:50px;}
	.server-itemicon3{width: 30px; left: calc((100% - 30px)/2); top:50px;}
	.server-itemicon4{width: 30px; left: calc((100% - 30px)/2); top:50px;}
	.server-itemicon5{width: 30px; left: calc((100% - 30px)/2); top:50px;}
	.server-itemcntbox{top:148px;}
	.server-addbox li.server-additem:before{left: calc((100% - 4px)/2); bottom: 16px;}
	.foot-logo{width: 270px;}
	.foot-right{width: calc(100% - 270px);}
	.head_phonetxt:before{display: none;}
	.head_phonetxt:after{display: none;}
}
@media (max-width: 900px){
	.customer-tabitem{width: auto; margin-top: 20px;}
	.customer-circle li{width: 16.6667%; margin: 5px 0;}
	.customer-circle li .customer-icon{width: 90px; height: 90px;}
	.customer-circle li .customer-icon1{display: inline-block; width: 18px; height: 30px; margin-top: 30px;}
	.customer-circle li .customer-icon2{display: inline-block; width: 31px; height: 30px; margin-top: 30px;}
	.customer-circle li .customer-icon3{display: inline-block; width: 31px; height: 30px; margin-top: 30px;}
	.customer-circle li .customer-icon4{display: inline-block; width: 29px; height: 30px; margin-top: 30px;}
	.customer-circle li .customer-icon5{display: inline-block; width: 29px; height: 30px; margin-top: 30px;}
	.customer-tabitem li{width: calc((100% - 80px)/4); margin: 10px;}
}
@media (max-width: 991px){
	.visible-xs{display: block!important;}
	.hidden-xs{display: none!important;}
	.sticky-wrapper .collapse.navbar-collapse{margin-top: 10px; display: none !important;}
}
@media (max-width: 768px){
	.navbar-brand img{height: 50px; margin-top: 7px;}
	.navbar-collapse{margin-top: 10px; display: none;}
	.navbar-btn.btn-icon{padding: 10px 3px; font-size: 12px;}
	.navbar-btn.btn-icon:hover:before{height: 24px; width: 24px; top: 3px; left: -4px;}
	.navbar-top .navbar-left{margin: 0 -20px; font-size: 12px;}
	.navbar-top{line-height: 30px; min-height: 30px;}
	.navbar-navphone{display: block; position: absolute; top: 70px; left: -15px; width: 115%; height: auto; z-index: 2000; background: #263340; padding: 20px; color: #adc8df; }
	.navbar-navphone li{padding: 6px 0;}
	.navbar-navphone li ul{margin-left: 20px;}
	.navbar-navphone li a{color: #adc8df; text-decoration: none;}
	.navbar-navphone.none{display: none;}
	.slide-cntbox{top: 150px;}
	.slide-cntbox h2{font-size: 26px;}
	.slider-smalltit span{display: block; text-align: center;}
	.slide-cntbot{height: 252px;}
	.slide-itemul li{width: calc((100% - 2px)/3); padding: 20px 0; border-right: 1px solid #333; border-bottom: 1px solid #333;}
	.slide-itemul li:nth-child(3n){border-right: none;}
	.slider-button{margin-top: 20px;}
	.slide{height: 700px;}
	.flex-control-nav{bottom: 270px;}
	h2 i.circle{vertical-align: 1px;}
	.section1-itemtxt{left: 93px; top: -10px;}
	.section1-button{bottom: -8px;}
	.section-phoneimg{display: none;}
	.section2-box .section2-item1, .section2-box .section2-item2, .section2-box .section2-item3, .section2-box .section2-item4{position: static; left: auto; top: auto; max-width: auto;}
	.section2-explain{width: auto;}
	.section5-box li.section5-item{width: 100%; float: none; margin-bottom: 10px;}
	.section5-box li:nth-child(2){margin: 0; margin-bottom: 10px; }
	.footer-item{float: none; width: 100%; margin: 20px 10px 0 20px;}
	.footer-item li{float: none; width: 100%;}
	.footer-qrcode{float: none; margin-top: 10px;}
	.copyright-txt{width: 100%; float: none; margin-top: 30px; margin-left: 0;}
	.copyright-txt span{display: block; text-align: center; margin: 5px 0;}
	.copyright-menu{text-align: center; float: none; display: inline-block; margin: 0 auto;}
	.section3-circle li.circle-icon.circle-num{height: 70px; line-height: 70px; font-size: 38px;}
	.section3-circle li.circle-icon{width: 70px; height: 70px; line-height: 70px;}
	.section3-circle li{margin: 0 10px;}
	.section3-circle li.circle-icon:first-child:before{top: 35px;}
	.section3-circle li:after{top: 35px; left: 69px; width: 22px;}
	.section3-circle{width: 360px;}
	.login{margin: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
	.login.login-with-news-feed .news-feed, .register.register-with-news-feed .news-feed{display: none;}
	.login.login-with-news-feed .right-content, .register.register-with-news-feed .right-content{float: none; width: auto;}
	.input-lg.input-left{width: 50%;}
	.input-right{display:inline-block; width: calc(50% - 36px); margin-left: 10px;}
	.input-iconcheck.captcha-iconcheck {right: calc(50% - 18px);}
	.tab-itembox li{width: calc(100% - 90px); float: none;}
	.foot-paging .pagination li{margin: 0 2px;}
	.foot-paging .pagination li a{padding: 5px 10px;}
	.industry-left{float: none; width: 100%; margin-right: 0;}
	.industry-right{float: none; width:500px; margin: 20px auto;}
	.customer-circle{width: auto;}
	.customer-tabitem{width: auto; margin-top: 20px;}
	.customer-tabitem li{width: calc((100% - 40px)/2); margin: 10px;}
	.trial-formul li label{display: block; text-align: left; line-height: 28px;}
	.trial-checkboxs{width: calc(100% - 42px);}
	.trial-radios{width: calc(100% - 42px);}
	.trial-table tr td{padding: 8px;}
	.section-tophead{margin-top: 145px;}
	.register-magbox span{display: block; width: 100%;}
	.news-list-left{float: none; width: calc(100% - 20px); margin: 0; }
	.news-list-right{float: none; position: static; width: calc(100% - 40px); margin: 0; }
	.news-item-img{display: none;}
	.news-item-detail{float: none; width: 100%;}
	.news-list-item{padding: 0 0 20px;}
	.online-btn a.btn:first-child{margin-left: 0;}
	.trial-button .btn{margin-bottom: 10px;}
	.login-content .login-formcnt{padding: 20px; width: calc(100% - 40px);}
	.login-content.login-bg .login-formcnt{padding: 20px; }
	.server-serchheader{width: 100%; position: static; margin-bottom: 20px;}
	.serchheader-input{width: calc(100% - 60px);}
	.serchheader-input input[type='text']{width: calc(100% - 30px);}
	.btn-serversearch{padding: 9px 15px; margin: 0; float: right;}
	.section3-serveritem{width: calc(100% - 40px); float: none;}
	.industry-box-item{float: none; width: 100%;}
	.industry-item-right{width: calc(100% - 130px);}
	.industry-right-txt{height: 70px; line-height: 24px; padding: 5px 10px; font-size: 14px;}    
    .industry-right-txt a{font-size: 14px;}
    .section1-rightimg{float: none; width: 100%;}
	.section1-rightimg img{width: 100%; margin: 0 auto;}
	.section1-leftitem{float: none; width: 100%; margin-right: 0; text-align: left; }
	.server-itemcntbox p{font-size: 16px;}
	.server-addbox li.server-additem{width: 20%; margin: 0;}
	.server-addbox li.server-additem:nth-child(1),
	.server-addbox li.server-additem:nth-child(2),
	.server-addbox li.server-additem:nth-child(3),
	.server-addbox li.server-additem:nth-child(4),
	.server-addbox li.server-additem:nth-child(5){padding-top: 48%;}
	.product_itemdetail li{display: inline-block; width: calc(100% - 22px); margin: 10px;}
	.foot-logo{float: none; width: 100%; text-align: center;}
	.foot-right{float: none; width: 100%;text-align: center;}
	.copyright-menu li{display: inline-block; float: none;}
	.trial-formul li.nofloat .form-control{width: calc(100% - 45px);}
	.formcheck-box span{text-align: left; margin-bottom: 5px;}
	.trial-applyitem input{display: block; width: calc(100% - 24px);}
	.error-cnt{background: none;}
	.error-itembox{width: 100%; margin: 40px 15px; float: none;}
	.problem-trialitem{padding: 20px 0;}
	.container.problem-container{margin: 0;}
	.slider-bannerbox{max-height: 180px;}
}
@media (max-width: 700px){
	.server-addbox li.server-additem{width: calc(33.33333% - 40px); margin: 0 20px 10px;}
	.server-addbox li.server-additem:nth-child(1), 
	.server-addbox li.server-additem:nth-child(2), 
	.server-addbox li.server-additem:nth-child(3), 
	.server-addbox li.server-additem:nth-child(4),
	.server-addbox li.server-additem:nth-child(5){padding-top: 64%;}
	.server-itemicon1,.server-itemicon2,.server-itemicon3,.server-itemicon4,.server-itemicon5{top:72px;}
	.server-itemcntbox{top: 180px;}
	.server-itemline{display: none;}
	.server-addbox li.server-additem:before{display: none;}
	.confirm-box{padding: 20px;}
	.header{height: 174px;}
	.menu-left-tit{display: block; margin: 15px 0;}
	.menu-left-tit:after{display: none;}
	.section-menu-ul{margin-left: 0;}
	.section-menu li{margin: 0 5px; padding: 10px;}
	.problem-tab li{margin-right: 20px; margin-bottom: 10px;}
}
@media (max-width: 560px){
	.customer-circle li{width: 33.3333%; margin: 5px 0;}
	.trial-formul li .form-control.trial-textarea{width: calc(100% - 45px);}
	.login.login-with-news-feed .login-header, .register.register-with-news-feed .register-header{padding: 100px 20px 0;}
	.login.login-with-news-feed .login-content, .register.register-with-news-feed .register-content{padding: 30px 20px;}
	.serchheader-input{width: calc(100% - 58px); display: inline-block; vertical-align: top;}
	.serchheader-input input[type='text']{width: 100%; height: 36px; line-height: 36px;}
	.news-detail-cnt p{padding: 0;}
	.news-detail-cnt strong{padding: 0;}
	.news-related-list li{float: none; width: 100%; margin: 10px 0;}
	.login-content .login-formcnt.fr{margin: 20px auto;}
	.server-addbox li.server-additem{width: calc(33.33333% - 20px); margin: 0 10px 10px;}
	.server-itemcntbox{top: 150px;}
	.server-itemicon1, .server-itemicon2, .server-itemicon3, .server-itemicon4, .server-itemicon5{top: 55px;}
	.input-item{width: 100%;}
	.input-group .input-item:first-child{margin-right: 0;}
	.head_phonetxt{padding: 0;}
	.head_phonetxt .top_text.ml50{margin-left: 0;}
	.section-menu li{margin: 0;}

}
@media (max-width: 500px){
	.btn{padding: 5px 10px; font-size: 13px;}
	.section1-button{left: 5px; bottom: -35px;position: static; margin-top: 20px;}
	.section1-itemtxt{left: 43px; top: -10px; position: static;}
	.itemtxt-title{line-height: 1; margin: 5px 0; letter-spacing: 0; font-size: 12px;}
	.section1-title{padding-left: 10px; font-size: 20px;}
	.industry-leftcircle{width: 300px; height: 300px;}
	.industry-right{float: none; width: auto; margin: 20px 0 20px 20px;}
	.industry-left-title.title1{top: 135px;}
	.industry-left-title.title2{top: 25px;}
	.industry-left-title.title3 {top: 130px; left: 10px;}
	.industry-left-title.title5 {top: 235px; right: 52px;}
	.industry-left-title.title4 {bottom: 32px; right: 165px;}
	.customer-tabitem li{float: none; width: 100%;}
	.register-magbox{text-align: center;}
	.register-magbox span{text-align: left;}
	.register-msgbtn{position: static;}
	.btn-serversearch{padding: 9px 15px; margin: 0; float: right;}
	.server-addbox li.server-additem{width: calc(33.33333% - 10px); margin: 0 5px 10px;}
	.server-addbox li.server-additem:nth-child(1), 
	.server-addbox li.server-additem:nth-child(2), 
	.server-addbox li.server-additem:nth-child(3), 
	.server-addbox li.server-additem:nth-child(4),
	.server-addbox li.server-additem:nth-child(5){padding-top: 68%;}
	.slider-bannerbox{max-height: 80px;}
}
@media (max-width: 450px){
	.server-itemcntbox{top: 120px;}
	.server-itemicon1, .server-itemicon2, .server-itemicon3, .server-itemicon4, .server-itemicon5{top: 45px;}
}
@media (max-width: 376px){
	.trial-formul li .form-control{width: 236px;}
	.trial-formul li .city-select .form-control{width: 124px;}
	.trail-applytxt .trial-code{width: 120px;}
	.trial-formul li .form-control.trial-textarea{width: 200px;}
}
@media (max-width: 320px){
	.section3-circle li.circle-icon:first-child{margin-left: -5px;}
	.section3-circle li.circle-icon.circle-num{height: 60px; line-height: 60px;}
	.section3-circle li.circle-icon{width: 60px; height: 60px; line-height: 60px;}
	.section3-circle li.circle-icon:first-child:before{top: 30px;}
	.section3-circle li:after{top: 30px; left: 59px;}
	.server-itemcntbox{top: 90px;}
	.server-itemicon1, .server-itemicon2, .server-itemicon3, .server-itemicon4, .server-itemicon5{top: 32px;}
	.server-itemcntbox p{font-size: 14px;}
	.navbar-top .navbar-left{font-size: 10px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -os-transform: scale(0.8); transform: scale(0.8); margin: 0px -45px;}
}

@media (max-height: 830px){
	.error-itembox{width: 400px; margin: 100px 0;}
	.error-cnt{background-size: 60%;}
}

.navbar-user a{text-decoration: none; color: #adc8df;}
.navbar-user a:hover{opacity: 0.85;}

/*网站反馈*/
.online-sumbitbox{text-align: right;}
.online-sumbitbox .online-codebox{margin: 12px 0;}
.online-textarea.mb10{margin-bottom: 10px;}
.online-btn .z_photo{float: left; width: 700px;}
.z_photo .z_file{position: relative;}
.img-box .upimg-div .z_file{width: 70px; height: 70px;}
.online-btn .add-img{width: 68px; height: 68px; border: 1px solid #dedede; position: relative;}
.online-btn .add-img i{font-size: 28px; position: absolute; top: 50%; left: 50%; margin-top: -14px; margin-left: -12px; z-index: 22; color: #bbb;}
.z_file .file {width: 100%; height: 100%; opacity: 0; position: absolute; top: 0px; left: 0px; z-index: 100;}
.z_photo .up-section{position: relative; margin-right: 8px;}
.up-section .up-span{display: block; width: 100%; height: 100%; visibility: hidden; position: absolute; top: 0px; left: 0px; z-index: 9; background: rgba(0,0,0,.5);}
.upimg-div .up-section{width: 64px; height: 64px; border: 3px solid #ddd;}
.up-section .close-upimg{position: absolute; cursor: pointer; top: -6px; right: -6px; display: none; z-index: 10; font-size: 12px; color: #fff; background: #000; border-radius: 100%; width: 16px; height: 16px; text-align: center; line-height: 16px;}
.z_photo .up-img {display: block; width: 100%; height: 100%;}
.img-name-p {display: none;}
.up-section:hover .close-upimg{display: block;}
.up-section:hover .up-span{visibility: visible;}
.up-section i.fa-spinner{display: none;}
.up-section.loading i.fa-spinner{display: inline-block; font-size: 18px; position: absolute; top: 50%; left: 50%; margin-left: -9px; margin-top: -9px; z-index: 22; -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 1s; -moz-transition-property: -moz-transform; -moz-transition-duration: 1s; -webkit-animation: rotate 3s linear infinite; -moz-animation: rotate 3s linear infinite; -o-animation: rotate 3s linear infinite; animation: rotate 3s linear infinite;}
.up-opcity{opacity: 0;}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}
.first-lilist.active .fa-caret-right:before{content: "\f0d7";}
.first-lilist.active .lilist-link span{display: inline-block; vertical-align: top; width: 120px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.z_num{display: inline-block; margin-left: 15px; line-height: 70px;}
.z_num em{font-style: normal; margin: 0 3px;}
.online-btn.consultate-file{margin: -15px 10px 10px 15px;}
.btn-outline-blue{color: #54b9d1; border: 1px solid #54b9d1;}
.btn-outline-blue:hover{background-color: #54b9d1; color: #fff;}
.btn-outline-blue.ml10{margin-left: 10px;}
.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.4;filter:alpha(opacity=0);opacity:0}
.tooltip.in{filter:alpha(opacity=90);opacity:.9}
.tooltip.top{padding:5px 0;margin-top:-3px}
.tooltip.right{padding:0 5px;margin-left:3px}
.tooltip.bottom{padding:5px 0;margin-top:3px}
.tooltip.left{padding:0 5px;margin-left:-3px}
.tooltip-inner{max-width:150px;padding:3px 8px;color:#fff;text-align:left;text-decoration:none;background-color:#000;border-radius:4px}
.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}
.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}
.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}
.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}
.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}
.replay-imagesbox{margin-top: 10px;}
.replay-imagesbox li{display: inline-block; width: auto!important; border: 0; border-radius: 0; margin: 0; padding: 0; vertical-align: top; height: 80px; margin-right: 10px;}
.replay-imagesbox li img{height: 100%; cursor: zoom-in;}
.replay-imagesbox.ml25{margin-left: 25px;}